Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 6, 2016 at 10:08 am #657360
    Powtin

    Hi I am using the transparent header on my landing page. I would like to have a submenu with transparent background (opacity0.5 or similar). Is that possible? The things I tried were only working for both font and background.

    Thanks in advance,
    Konstantin

    July 6, 2016 at 2:18 pm #657454
    Yigit

    Hi Powtin!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .av-submenu-container * {
    background: transparent;
}
#top .av-submenu-container { 
background: rgba(0,0,0,0.5);
}

    Best regards,
    Yigit

    July 6, 2016 at 3:18 pm #657511
    Powtin

    Hi Yigit,

    sadly not working for me. CSS is not doing any change in my case.

    best regards,
    Konstantin

    July 6, 2016 at 3:26 pm #657517
    Basilis

    Hey!

    Can you please use an !important rule?
    Convert it to

    
#top .av-submenu-container * {
    background: transparent !important;
}
#top .av-submenu-container { 
background: rgba(0,0,0,0.5) !important;
}

    Let me know if that works out better for you

    Cheers!
    Basilis

    July 6, 2016 at 3:31 pm #657522
    Powtin

    Hi Basilis,

    thanks for your input but already tried with !important

    Cheers,
    Konstantin

    July 6, 2016 at 3:54 pm #657534
    Powtin

    Sorry I now found out that I made a misstake. I don’t want the submenu to be transparent. That is working with your code. I want the 2nd level ob my main menu to be with transparent background.

    Sorry,
    Konstantin

    July 6, 2016 at 4:11 pm #657553
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av_header_transparency .av-main-nav > li > ul, .av_header_transparency .av-main-nav > li > ul * {
    background: rgba(255,255,255,0.3)!important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    July 7, 2016 at 8:00 am #657853
    Powtin

    Hi,

    that worked perfektly. Now one last question – is it possible to get rid of the “background box” that is around the words?

    Your support is examplary!

    July 7, 2016 at 1:52 pm #658027
    Yigit

    Hi,

    Please change your code to following one

    .av_header_transparency .av-main-nav > li > ul * {
    background: transparent!important;
    border: none;
}
.av_header_transparency .av-main-nav > li > ul {
    background: rgba(255,255,255,0.1)!important;
    border: none;
    border-bottom: rgba(255,255,255,0.1);
    color: #d3d3d3;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

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