[Solved] Need help with decoding my CSS bug

[shellyq]

This is my website: http://threetimesthecute.com/
I have 2 CSS problems. First, I had to put the social media links in a table to get them to display as links but I can’t get the border at the top of the table to not display.
Second problem: All that padding at the top. I can’t figure out where it is coming from! Any help would be MUCH appreciated!
Thanks!

[Gary Pickles]

Hi Shellyq, it’s the padding on class .site-header that is pushing everything down.

[tomhanson1985]

Hi Shellyq,

the border you are seeing is from the td rather than the other table tags. border: none on those will remove it.

As Gary said above the padding is on the class .site-header.

[shellyq]

Aaah! Thank you! Annoying border gone!
I didn’t write the css, (using a theme on wordpress) and have removed padding on everything I can find step by step and still can’t find exactly where the header padding is coming from. Will keep looking. Thanks for your help!

[Paulie_D]

Looks like the padding is in here

.site-header {
  padding-top: 5px;
  padding-top: 2.857142857rem; /* here */
  margin-bottom: 10px;
}

[shellyq]

Off to figure out if this template is calling another CSS as this is what I have:

/* Header */
.site-header {
padding-top: 0px;
position: relative;
}

[Paulie_D]

Check your media queries section…the above applied at

@media screen and (min-width: 980px)

[shellyq]

Thank you Paulie! You rock!

[Author]

Posts