Archived topic
Remove padding on Page featured image
3 replies · Started by Angus on January 27, 2017
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
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.
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
You're welcome :)
