Woo Storefront Specificity Problem

I’m ashamed to say that I’ve been trouble shooting this problem for much longer than it should have taken to resolve it. So, there is something that I must be missing.

I’m attempting to set the padding to 0 from the following target:

site-content > .col-full {
    padding-top: 5.236em

As you can see in the screen-shot this is the culprit that’s creating a gap between my Magnesium Oil Extra Home Page and the Nav.


I’ve tried it every which way, adding specificity by including the Page Id as well as the Media Query as illustrated in the following style.

@media screen and (min-width: 768px) {

 body.page-id-109 .site-content > .col-full {
    padding-top: 0 !important; }

So, I’m stumped… can anyone see what it is that I’m missing?


PS I’m new around here and am wondering what’s the best way to insert hosted images here on Sitepoint Forums? Should I use a: Direct link, Markdown or a Thumbnail for forums?

Both statements are in the file style.css
The top statement is on line number 899 and the lower statement is on line 269
Therefore the bottom statement being on a line above the other statement is ignored.
Or line 269 sets the padding-top and then line 899 over-writes the value set by line 269


Dennisjn, thanks for confirming that I wasn’t losing my marbles.

I added the style to a different style-sheet and now the adjustment is sticking!

Much Appreciated : )

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.