Home › Forums › WoodMart support forum › How to change the sticky header backgound color

How to change the sticky header backgound color

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 29, 2024 at 3:15 pm #608436

    HARSLE
    Participant

    how to change the sticky header background color for different headers

    October 29, 2024 at 5:34 pm #608482

    Hung Pham
    Keymaster

    Hi HARSLE,

    Thanks for reaching to us.

    It seems you changed background color of sticky header, please confirm me back https://ibb.co/sb7kpJ4

    Regards,

    October 29, 2024 at 5:51 pm #608494

    HARSLE
    Participant

    yes, but it is for all sticky header, I need to change the color for specific sticky header

    October 30, 2024 at 8:30 am #608587

    HARSLE
    Participant

    Can I change the sticky head color and the buttons color.
    For example, the default header setting is white text and transparent background, white buttons, I want to change it into black text and button, white background on sticky header.

    October 30, 2024 at 8:42 am #608593

    Hung Pham
    Keymaster

    Hi HARSLE,

    1. Take a look header’s ID in the address bar https://ibb.co/6mZ47qQ

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .whb-header_xxx.whb-sticked .whb-general-header {
    background-color: #000;
}

    XXX: replace with ID.

    2. For the default header, use below code:

    .whb-default_header.whb-sticked .whb-general-header {
    background-color: #000;
}

    Regards,

    October 30, 2024 at 9:52 am #608623

    HARSLE
    Participant

    did you change the button color and text color

    October 30, 2024 at 9:56 am #608624

    HARSLE
    Participant

    can I use different logo for default header and sticky header?

    October 30, 2024 at 2:24 pm #608724

    Hung Pham
    Keymaster

    Hi HARSLE,

    Please switch to Sticky header tab and you can change the logo https://ibb.co/7N5j1hR

    Regards,

    October 30, 2024 at 2:51 pm #608746

    HARSLE
    Participant

    how can I change the popup button color from white into black for sticky header?

    October 30, 2024 at 2:54 pm #608748

    HARSLE
    Participant

    how to change the popup button color and text color from white into black on sticky header

    October 31, 2024 at 11:40 am #608944

    Hung Pham
    Keymaster

    Hi HARSLE,

    The background color of sticky header is now black. If you change to it into black, how can it readable?

    Regards,

    November 1, 2024 at 4:07 pm #609300

    HARSLE
    Participant

    you did not get my point, I want to do like this:
    default header
    White: text, logo, popup button
    Black: Background

    Sticky Header
    White: Background
    Black: text, logo, popup button

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