Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 20, 2023 at 7:56 pm #1416723
    Steve Webgecko

    Hi Support

    I need 2x CSS Hacks.
    1. For Sticky Header with Black background, I put 0.85 Opacity. But as soon as I scroll down, opacity goes opaque, full black 100%.
    How can I keep the Sticky Header BG Color transparent when scrolling down? Idid this:
    #header_main{
    background-color: rgba(0,0,0,0.8) !important;
    }
    2. How can I achieve a colored Border, while hovering a linked Image? I tried this one:
    image-overlay a:hover {
    border: 2px solid #ff0000 !important;
    }

    Any ideas?
    Thank you
    Steve

    August 20, 2023 at 11:19 pm #1416726
    Mike

    Hey Steve,
    Thank you for the link to your site, to fix your header after scrolling try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #header.header_color .header_bg {
    background-color: transparent;
}

    for a border around a linked image, try this:

    a.avia_image:hover {
border: 2px solid #ff0000;
transition: none;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    August 21, 2023 at 2:15 pm #1416771
    Steve Webgecko

    Great, worked!
    Thank you ;-)

    August 21, 2023 at 4:32 pm #1416776
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.