Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 15, 2022 at 1:37 pm #1344564
    95mc

    Hi,

    I was building a web with the transparent header. I would like change the white color header when scroll to a gradient color.
    Could you help me?

    Thanks advance!

    Antonio.

    March 15, 2022 at 4:40 pm #1344589
    Yigit

    Hi Antonio,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab and change “blue” and “green” to hex value of desired colors 

    
.header_color .header_bg {
  background: linear-gradient(blue, green);
}

    Regards,
    Yigit

    March 15, 2022 at 5:00 pm #1344597
    95mc

    Hi Yigit!

    Works perfectly!
    There are a white line around de header. It’s posible to remove?
    Many thanks!

    Antonio

    March 15, 2022 at 6:12 pm #1344623
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #header_main {
    border-bottom-width: 0;
}

.container_wrap {
    border-top-width: 0;
}

    Best regards,
    Rikard

    March 15, 2022 at 6:12 pm #1344624
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #header_main {
    border-bottom-width: 0;
}

.container_wrap {
    border-top-width: 0;
}

    Best regards,
    Rikard

    March 15, 2022 at 6:26 pm #1344630
    95mc

    Great! Many thanks!

    March 16, 2022 at 8:10 am #1344678
    Nikko

    Hi 95mc,

    We’re glad that Rikard could help you :)
    Just let us know if you still need further assistance or if we can close this thread.

    Best regards,
    Nikko

    March 16, 2022 at 2:36 pm #1344746
    95mc

    Hi Nikko,

    Yes yo can close.
    Thanks everybody!
    BR

    Antonio

    March 16, 2022 at 3:38 pm #1344757
    Nikko

    Hi Antonio,

    Thanks for using Enfold and have a great day :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Gradient color in the header’ is closed to new replies.