Spacing between header and content - by Billys.wardrobe

This topic has 8 replies, 3 voices, and was last updated 4 years ago ago by Olga Barlow

  • Avatar: Billys.wardrobe
    Billys.wardrobe
    Participant
    November 3, 2020 at 18:30

    I have disabled the breadcrumbs. But now I want to create more spacing between my header and content on the following pages: Winkel (shop), mijn account (my account), wishlist, Algemene voorwaarden (policy), Retourbeleid (return policy) and Toelichting maten (Explanation sizes). Could you help me with this. Thankyou

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 4, 2020 at 08:44

    Hello,

    Please check – https://prnt.sc/vd3wg0
    Add the next code in Theme Options > Theme Custom CSS:

    .content-page {
        padding-top: 35px;
    }

    Regards

    Avatar: Billys.wardrobe
    Billys.wardrobe
    Participant
    November 5, 2020 at 21:08

    Thank you for your response. I have added the code you sent. Execept I only want the marging on some pages. Now the margin appears on al the pages. Do you know how to change this?Thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 6, 2020 at 09:03

    Dashboard > Pages > edit page > add the code in custom CSS area – https://prnt.sc/vei2jw

    Regards

    Avatar: Billys.wardrobe
    Billys.wardrobe
    Participant
    November 6, 2020 at 10:06

    Thanks for the reply. I tried adding this to the costum css section per page, as instruced with your screenshot. I succeeded in every page, only not the woocommerce shop page (which is my most important page). This is due to fact that I cannot open the shop page with the elementor editor. For this you need Elementor Pro. Do you know a way how to add custom css to the woocomeerce shop page without using elementor?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 6, 2020 at 10:27

    Use this code in Theme Options > Theme Custom CSS > Global custom CSS to affect the Shop page –

    .post-type-archive-product .content-page,
    .tax-product_cat .content-page {
        padding-top: 35px;
    }

    Regards

    Avatar: Billys.wardrobe
    Billys.wardrobe
    Participant
    November 10, 2020 at 15:23

    Could you also help me to create this spacing between my header and my content on the blog page. Thankyou

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 10, 2020 at 17:06

    Hello,

    Replace the previous code by this one

    .post-type-archive-product .content-page, 
    .tax-product_cat .content-page, .blog .content-page, .category .content-page {
        padding-top: 35px;
    }

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.