Home › Forums › ArileWP Pro › Overlap header colour.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 30, 2020 at 8:57 am #11941
    Michele Ceccato
    Participant

    Hi, I’m using the ArileWP Pro theme in my site http://www.mattoperilmondo.it (I’m working offline to build the site, so I’ve uploaded some example-pages to give you the idea of I’m doing).
    I’ve set the Overlap Header and it appears transparent-gray when the page is on its top and it becomes black when the page is scrolling.
    Is it possible to change this two colours (in all the pages)?

    Thank you all.

    December 30, 2020 at 9:07 am #11945
    themearile
    Keymaster

    Hi Michele

    Don’t worry we are here to help you.

    Please let us confirm, Do you want to like the screenshot https://prnt.sc/wcutv3 if no, so please share a screenshot of what you want exactly.

    Thanks

    December 30, 2020 at 9:17 am #11950
    Michele Ceccato
    Participant

    Exactly. I want to change the colour of the manubar on sticky (and then on scrolling).
    Thanks.

    December 30, 2020 at 9:38 am #11954
    themearile
    Keymaster

    Hi Michele

    Okay, Kindly add the below CSS in the Additional CSS box. Please go to the Appearance ->> Customize ->> Additional CSS. Now paste the CSS code below then click to Publish button.

    .navbar.navbar-header-wrap.header-fixed-top {
    background-color: #5f5f5f !important;
}

    Change the above color code as per the requirement.

    Let us know if it works.

    —
    Thanks

    December 30, 2020 at 12:52 pm #11958
    Michele Ceccato
    Participant

    It works on scrolling, but not when the page is sticky on its top.

    December 31, 2020 at 6:38 am #11991
    themearile
    Keymaster

    Hi Michele

    Okay do you want to change the color of the menubar without sticky on top, Kindly add the below CSS in the Additional CSS box. Please go to the Appearance ->> Customize ->> Additional CSS. Now paste the CSS code below then click to Publish button.

    .navbar-header-wrap.classic-header.not-sticky {
    background-color: #FFF !important;
}

    Change the above color code as per the requirement.

    Let us know if it works.

    —
    Thanks

    December 31, 2020 at 9:55 am #11995
    Michele Ceccato
    Participant

    It’s perfect. It works well. Thanks.

    December 31, 2020 at 10:09 am #11999
    themearile
    Keymaster

    Dear Michele,

    Glad to hear it. We hope you are enjoying the ArileWP Pro theme.

    Please help us improve our customer satisfaction by writing a quick review https://wordpress.org/support/theme/arilewp/reviews/?filter=5. We would be extremely grateful.

    Please let me know if you need any further assistance..!

    Thank you for your time.

    Thanks,
    ThemeArile

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Overlap header colour.’ is closed to new replies.