Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Padding/Margin Issue

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #145278

    Hello I am just making this box area for my twitter tweets but have a problem with the padding/margin?

    There if to much padding on the left the #MyTwitter section is to far to right.

    http://codepen.io/mwbcomputers/pen/tygkI “I am trying to get it all nice and in middle.

    Also in my user section on right is is word MWBComputers next to @mwbcomputers I need to remove this MWBComputers and keep @mwbcomputers any ideas.

    #145305
    Leonhard Ortner
    Participant

    Hi,

    u should realy use firebug ;)

    #MyTwitter .interact a {
      padding: 0 10px;
    }
    
    div#MyTwitter div.user a span span {display: none !important;}
    
    div#MyTwitter {padding: 0;}
    
    div#MyTwitter ul {
      margin: 0 auto;
      padding: 0;
      witdh: 100%;
    }
    
    div#MyTwitter ul li {padding: 10px;}
    
    div.user {
      border: 1px solid red;
    }
    
    p.tweet {
      border: 1px solid green;
      width: 100%;
    }
    
    p.timePosted {
      text-align: center;
      width: 100%;
      border: 1px solid blue;
    }
    
    p.interact {
      border: 1px solid pink;
      text-align: center;
    }
    

    these are the changes i made… i also added these color-border for u, so u know which selector to use for styling…

    wbr
    leo

    #145321

    Thanks you. I use to use twitter widget but wanted to style own. Also did what you said got the fire bug nice and easy to read code on that one

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.