Home › Forums › WoodMart support forum › Change Header background color from transparent to color

Change Header background color from transparent to color

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 15, 2024 at 2:10 pm #540391

    lej
    Participant

    Hi

    How can I change the color from transparent to an background color when I scroll?

    I use the Header Lookbook.

    February 17, 2024 at 10:57 am #540906

    Hung Pham
    Keymaster

    Hi lej,

    Thanks for reaching to us and take our apologies for the long delay in answering.

    Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

    Click on Settings button and disable Make it overlap option https://prnt.sc/t9tDLt8KWk82 > https://prnt.sc/1p60FbT7tCPP

    Click on the settings icon to edit it https://prnt.sc/HuA54fAGqvjm > Style tab > Here you can change the background-color https://prnt.sc/jiJwmWUxnYjm

    With that demo, when you scroll down then the sticky header has background color as well. If you want to change the color, please add below Custom CSS code to the Theme Settings > Custom CSS > Global:

    .whb-header.whb-sticked .whb-color-light:not(.whb-with-bg){
    background-color: #fff;
}

    Regards,

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