Home Forums Themes Support Pangja Add margin to specific fullwidth page

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #5271
    Alexsandros
    Supported

    Hello,
    I’d like to add margin to a specific page section where I want it fullwidth.
    I tried CSS but can’t find the right section to add it.
    Please see attached screenshot for more explanation.
    Thanks in advance,
    Regards,

    Attachments:
    You must be logged in to view attached files.
    #5273

    Hi,
    You can use this custom CSS code:

    .haru-archive-product {
    margin: 0 15px;
    }

    You can see in this screenshot:
    https://prnt.sc/rouqx4
    Please see in this video tutorial:

    Hope this help!

    *****
    Regards,
    HaruTheme

    #5274
    Alexsandros
    Supported

    Hello,
    This code doesn’t work, it’s probably the wrong section.
    And I tried with the code in another section.
    But it still not perfect.
    Please see attached screenshot
    Regards

    Attachments:
    You must be logged in to view attached files.
    #5276

    Hi,
    Please check it yourself follow our video tutorial.
    We have example with our shop page demo.
    If you created page by yourself you need check it.
    In your case as we see please check:

    .haru-page {
    margin: 0 15px;
    }

    ****
    Regards,
    HaruTheme

    #5278
    Alexsandros
    Supported

    Thanks so much, this works well
    Regards,

    #5308
    Alexsandros
    Supported

    Hello,
    I’ve tried the code you gave me for archives product page but it doesn’t work :
    .haru-archive-product {
    margin: 0 15px;
    }

    And the CSS section is not available anymore.
    So I went to Additional CSS in wordpress to add the code.
    But as I said, it doesn’t work.

    Do you know why ?

    Regards,

    Attachments:
    You must be logged in to view attached files.
    #5317

    Hi,
    1. If you add code in child theme please check if you are using child theme now.
    2. We already tested: https://prnt.sc/rqi9t5
    3. You can add custom CSS in Appearance -> Customize -> Additional CSS.
    4. Please check your cache.
    Hope this help!

    ****
    Regards,
    HaruTheme

    #5348
    Alexsandros
    Supported

    Hello,
    Yes, I’ve double checked, and yes I’m using child theme.
    The code doesn’t work in “custom CSS in Appearance -> Customize -> Additional CSS”

    So I’ve tried to add the code directly from the archive product page and it worked…
    It’s weird, it seems like every codes I add to “custom CSS in Appearance -> Customize -> Additional CSS” doesn’t work…

    If you have a solution about that, I’m all ears ! 😉

    Thanks for help anyway.
    Regards

    #5354

    Hi,
    You can try add !important like this:

    .haru-archive-product {
    margin: 0 15px!important;
    }

    Hope this help!

    ***
    Regards,
    HaruTheme

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.