Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 6, 2022 at 5:48 pm #1339189
    markus-fischer

    Hello,

    Please see the header of my page (link below). It’s white, however then you scroll down, you’ll notice it’s a bit transparent.

    I looked through all the Enfold settings few times, however cannot find the setting to change it so it is simply 100% white with zero transparency.

    Could you please help?

    February 6, 2022 at 6:55 pm #1339196
    Mike

    Hey markus-fischer,
    Thanks for the link to your site, I’m seeing this in your stylesheet;

    #header {
    position: relative;
    z-index: 501;
    width: 100%;
    background: transparent
}

    it looks like a custom rule but I’m not sure because your css is merged, so if you can’t find it to remove, try adding this css:

    #top #wrap_all #header {
	 background: #fff;
}

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

    Best regards,
    Mike

    February 6, 2022 at 10:42 pm #1339223
    markus-fischer

    Thank you Mike!

    I looked through the added Quick CSS, however cannot see any code regarding the header. When you say Custom Rule, I assume you are referring to Quick CSS or where would I be able to check if I added some Custom Rule? (I checked under General Styling and Header, however cannot see anything related to Transparency there)

    Applied the code you shared and it works. In case I have some Custom Rule entered by error, would be better that I correct that, of course.

    Best,
    Markus

    February 6, 2022 at 10:50 pm #1339225
    Mike

    Hi,
    Glad that this helped, if you include an admin login I could take a look at where this is coming from.

    Best regards,
    Mike

    February 6, 2022 at 11:07 pm #1339232
    markus-fischer
    This reply has been marked as private.
    February 6, 2022 at 11:18 pm #1339234
    Mike

    Hi,

    Below the message area on the fourm you should see another field called the Private Content area, adding the admin login there is safe

    Best regards,
    Mike

    February 6, 2022 at 11:27 pm #1339237
    markus-fischer
    This reply has been marked as private.
    February 7, 2022 at 12:04 am #1339241
    Mike

    Hi,
    Thanks for the login, this was due to the header style you picked in the theme options:
    Default (with borders, active menu indicator and slightly transparent)
    for no transparency choose:
    Minimal (no borders, indicators or transparency)
    2022-02-06_011.jpg
    I disabled the css and picked this for you, please clear your browser cache and check.

    Best regards,
    Mike

    February 7, 2022 at 12:10 am #1339244
    markus-fischer

    Hi @Mike,

    Ok great, thank you!

    However, I really liked the red active menu indicator before – it made it clear to users on which page they are on. This disappeared now.

    Is there another way to add the active menu indicator or do I need to revert it to Default and add the CSS again to bring it back?

    Thank you,
    Markus

    February 7, 2022 at 1:28 am #1339247
    markus-fischer

    Hi Mike,

    I reverted the header style to Default for now and also applied your CSS again to get the red underline / active menu indicator back.

    Is that ok or not ideal in your view?

    February 7, 2022 at 1:42 pm #1339355
    Mike

    Hi,
    That is good, I didn’t consider the other elements, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    February 7, 2022 at 2:44 pm #1339363
    markus-fischer

    You may close it – thank you Mike! :)

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Page Header – Avoid Transparency’ is closed to new replies.