- This topic has 5 replies, 2 voices, and was last updated 5 years, 3 months ago by
.
Hi there,
Is there a custom CSS solution to add padding above blog post featured images?
https://ceternadev.wpengine.com/2018/10/31/industry-disruptor/
In particular, I’m having issues with mobile formats where 90% of the image is cut off (see above example). I’d also like some space between Top Nav and featured Image on desktop too.
Many Thanks.
Solution for this topic
Hi @NickRust,
I hope you are well today and thank you for your question.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.single-post .post-meta-thumb { padding-top: 50px; }Best regards,
Shufflehound teamThank you for providing this solution.
For Desktop it looks perfect, however, is there a mobile-specific CSS code that can be applied to give it more padding on mobile? I’m still seeing only the bottom 30% of the image when I resize for mobile.
Many Thanks
Solution for this topic
Please also use the below custom CSS code to make it work on mobile devices.
#page-container header.primary-mobile { height: auto !important; }Thanks a lot – this has worked perfectly!
You are most welcome here 🙂
