Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 16, 2014 at 2:23 pm #292072
    ste_thumbs

    Hi guys
    playing around with the new glass header option and im wondering is it possible to add a colour shade to the glass header, so to have for example a light grey transparent glass header ?

    thanks in advance.

    July 16, 2014 at 2:41 pm #292077
    Yigit

    Hey ste_thumbs!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    #top .av_header_glassy.av_header_transparency #header_main { background-color: rgba(0,0,255,0.25); }

    0,0,255 here is RGB value of the color and 0.25 is opacity level

    Best regards,
    Yigit

    • This reply was modified 10 years, 2 months ago by Yigit.
    August 13, 2015 at 5:24 pm #487332
    mikebackhouse

    If anyone is reading this, and has tried doing the above, and found it does weird things to their menu… AND if they’re as STUPID as me(!) and don’t know why it’s doing it, its because Yigit didn’t include the final “}” really obvious and I’m sure most of you spotted it.. just me probably! :)

    So it should be:

    #top .av_header_glassy.av_header_transparency #header_main { background-color: rgba(0,0,255,0.25);}

    August 13, 2015 at 7:54 pm #487410
    Yigit

    Hi!

    Sorry my bad, did not notice that i missed closing curly bracket :) Thank you for pointing that out :)

    Cheers!
    Yigit

    December 29, 2015 at 7:31 pm #558211
    afiqsyahmi69

    i already change with quick css and my header not change and static to transparent. http://www.skserisekinchan.co/

    December 29, 2015 at 10:17 pm #558260
    Basilis

    Hey!

    try use the following selector:
    .av_minimal_header #header_main, .av_minimal_header #header_meta

    and let me know if it works instead

    Cheers!
    Basilis

    December 30, 2015 at 6:34 am #558365
    afiqsyahmi69

    How can i make a header like this page http://www.pinehillsgolf.net/

    January 4, 2016 at 4:15 am #558976
    Ismael

    Hi!

    Edit the page then look for the Layout > Header visibility and transparency option. Set it to “Transparent Header”.

    Best regards,
    Ismael

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