Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #772118

    Hi

    I am currently using the glassy menu, but require the top header with the social media icons and phone number in it to be black. Can I have the requisite Quick CSS, please?

    Cheers

    A

    #772137

    Hi

    I have succeeded by using

    #header_meta {
        background: #000000!important;
    }

    I just need to get the white border showing below the top header (the same as when you scroll) – it would appear that the brightness of the border is also controlled by the glassy header class.

    A

    #772226

    Hi A,

    Can you post a link to your site? so we can check it.

    Best regards,
    Nikko

    #772229
    #772237

    Hi,

    Thanks for that. :) Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .av_header_glassy.av_header_transparency #header_main {
        border-bottom: 1px solid rgba(255,255,255,1) !important;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #772247

    Hey Nikko

    It works beautifully, but it is the wrong border – I want to change the top border of the glassy header, not the bottom border. I tried substituting “border-top” for “border-bottom”, but it didn’t work.

    Andy

    #772317

    Hi Andy,

    Try using this css code:

    #top .av_header_transparency #header_meta {
        border-bottom: 1px solid rgba(255,255,255,1) !important;
    }

    Hope this helps :)

    Cheers!
    Nikko

    #772329

    Works perfectly!

    Thanks Nikko, for your always outstanding support :)

    Andy

    #772494

    Hi,

    You’re welcome. Thanks for your kind words and for using Enfold :)

    Best regards,
    Nikko

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