Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 18, 2021 at 12:01 pm #1300965
    Steve Webgecko

    Hi there

    Header Style / Minimal with Drop Shadow (no borders) is by default:
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);

    How can I customize the size / opacity of the shadow?

    I did with
    .av_minimal_header_shadow {
    box-shadow: 0 0 12px 6px rgba(0,0,0,0.3) !important;
    }
    but then I get a border also in #top transparent Sticky Header whereI don’t need it. I need the shadow after scrolling down only:

    Any ideas?

    May 19, 2021 at 11:49 am #1301172
    Rikard

    Hi Stephan,

    Please try this CSS:

    header.av_minimal_header_shadow {
  box-shadow: 0 0 12px 6px rgba(0,0,0,0.3);
}

header.av_header_transparency {
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

    Best regards,
    Rikard

    May 19, 2021 at 1:22 pm #1301195
    Steve Webgecko

    Perfect!
    thanks
    ;-)

    May 20, 2021 at 4:02 am #1301275
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    May 20, 2021 at 8:31 am #1301330
    Steve Webgecko

    Thanks, all fine. There was one !important too much ;-)
    Topic closed

    May 20, 2021 at 5:15 pm #1301461
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘ENFOLD Sticky Header Shadow’ is closed to new replies.