- This topic has 7 replies, 2 voices, and was last updated 8 years, 1 month ago by
.
The padding above the content (under the header) on my home page (Masonry Card) is larger than I would like ….. is there a way of controlling that with some custom CSS ?
I have tried adding text above the content but then the gap appears between the text and the content (post excerpts/previews) so it is the padding above the content that seems to be the issue.
Hi Paul,
I hope you are well today and thank you for your question.
You can decrease that padding 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
#wrapper > .sh-page-layout-default { padding-top: 30px; }Best regards,
Shufflehound teamThat didn’t work on my home page ….. I have attached URL to private area.
I don’t see the shared CSS code used on your site.
Where have you added the provided CSS code?
Sorry – I removed it as it didn’t appear to work for my front page but I have now re-added it to the Custom CSS Code box.
Solution for this topic
I can see it is not working on your site due to CSS specificity issue but you can make it work by using below custom CSS code instead of above.
#wrapper > .sh-page-layout-default { padding-top: 30px !important; }Excellent – thank you !
You are always welcome here 🙂
