Home Page Header to Content Padding

Home › Forums › Gillion Theme › Home Page Header to Content Padding

Home › Forums › Gillion Theme › Home Page Header to Content Padding

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts

  • Paul33
    Participant

    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.

    Shufflehound Support
    Moderator

    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 team

    Paul33
    Participant

    That didn’t work on my home page ….. I have attached URL to private area.

    Shufflehound Support
    Moderator

    I don’t see the shared CSS code used on your site.

     

    Where have you added the provided CSS code?

    Paul33
    Participant

    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.

    Shufflehound Support
    Moderator

    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;
}

    Paul33
    Participant

    Excellent – thank you !

    Shufflehound Support
    Moderator

    You are always welcome here 🙂

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)