[Resolved] Remove padding on Page featured image

[Angus]

Hi Tom,
I saw the article https://docs.generatepress.com/article/adjusting-the-featured-images/#removing-the-outside-padding-spacing on how to remove top padding from a Post featured image – is this the same css code as for a Page featured image? I’ve tried it in my child style.css but nothing seems to be happening. I was wanting the featured image to sit against the top nav bar.
One more thing – is there any way of making a particular widget jump to appear before the content when viewed in mobile mode ? (as opposed to after as is the case). I often put clients details (photo, number, address etc) in the 1st widget on the right in full screen mode but then these details appear at the bottom when viewed on a mobile.
Thanks for any help – great theme as always !
Angus

[Leo]

Hi Angus,

This CSS should move the page header image up against the main navigation:

.separate-containers .page-header-image {
    margin-top: 0px;
}

Moving just one widget to the top might be complicated but this post provides a couple different solutions to move all sidebar widgets on top of content in mobile.
https://generatepress.com/forums/topic/sidebar-stack-on-on-top-of-content/

Let me know if this helps.

[Angus]

Hi Leo,
That was the code I needed – the top padding has gone 🙂
And cheers for the info on the sidebar – moving all the widgets might come in useful one day.
Thanks for that !
Angus

[Leo]

You’re welcome 🙂

[Author]

Posts