Docs

[Stuart]

Hi, on my posts page, I would like to increase the padding and remove the shadow above the ‘News & Events’ heading.

Grateful for your assistance.

Thanks.

[Darshana]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.blog .x-header-landmark {
    padding-top: 40px;
}

Shadow is coming from the following custom CSS rule that you have already added.

.x-navbar {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
}

You can add the following code also to change your post page.

.blog .x-navbar {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.05);
}

Hope that helps.

[Stuart]

Thanks, that works. Although I should note that I didn’t add the box shadow to x-navbar, that came with the expanded demo 🙂

[Christopher]

Hi there,

Please remove this code :

.blog .x-navbar {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.05);
}

And add this one :

.x-navbar {
    box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
}

Hope it helps.

[Stuart]

Actually, I’ve just discovered it only works on the News page, but not on individual post pages (see example).

Grateful for your assistance with this.

[Rupok]

Hi there,

That’s already mentioned on previous reply that you need to remove this code :

.blog .x-navbar {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.05);
}

Let’s remove this to get expected result.

Thanks!

[Stuart]

Thanks, and apologies for not reading properly! 🙂

[Stuart]

Actually, to completely answer my question, I have discovered that I also need to remove “.blog” from the following code to get the padding to work globally:

.blog .x-header-landmark {
    padding-top: 40px;
}

[Christopher]

Let us know if you have further questions.

[Thai]

Glad you’ve sorted it out.

If you need anything else, please let us know 🙂

[Author]

Posts