Help! How do I change Sticky Header Color Items ?

This topic has 2 replies, 2 voices, and was last updated 1 months ago ago by Luca Rossi

  • Avatar: Ju En
    Ju En
    Participant
    February 6, 2025 at 03:54

    Hi there,
    Our clients has requested to have the sticky header in color black for background and all text and icons on it in color white. May we know how to perform this feat with the template? Thank you very much for your excellent support.

    Attached are admin credentials for access along with the url

    Thank you.

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Justin
    Luca Rossi
    Support staff
    February 6, 2025 at 11:09

    Dear @Ju En,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    .sticky-on .etheme-elementor-header-wrapper {
        background-color: #000;
    }
    
    .sticky-on .etheme-elementor-menu .etheme-elementor-nav-menu-item,
    .sticky-on .etheme-icon-list-item-text,
    .sticky-on .etheme-elementor-menu .etheme-elementor-nav-menu-item .elementor-item,
    .sticky-on .etheme-elementor-off-canvas__toggle .elementor-button{
        color: #fff !important;
    }
    

    https://prnt.sc/DcWerYMr-AI4

    Kind regards,
    The 8Theme Team

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

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

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