Home Forums WoodMart support forum Change color element sticky header

Change color element sticky header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #512383

    maloneweb
    Participant

    Hello,
    I have a transparent header, with the sticky header, I need that when the sticky header is opened those 2 elements change color and become black.
    How can I do?

    https://prnt.sc/gGOW_60jyzCB

    #512514

    Luke Nielsen
    Keymaster

    Hello,

    Here is a code that will help you to change the color when the header is sticky.

    .whb-sticked .whb-general-header .info-box-content a {
        color: #333;
    }
    
    .whb-sticked .whb-general-header .wd-icon {
        color: #333;
    }

    Let me know if you have any questions.

    Kind Regards

    #512622

    maloneweb
    Participant

    Hello the icon of phone not change color, see screenshot:

    no sticky: https://prnt.sc/ewnz3xmhftuy

    sticky: https://prnt.sc/l0Y1zbnPzjbH (the icon remains white)

    #512629

    Luke Nielsen
    Keymaster

    Hello,

    Try this one CSS code for that:

    .whb-sticked .whb-general-header .info-box-icon svg path {
        fill: #333;
    }

    Kind Regards

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