Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 25, 2018 at 1:14 pm #1014171
    rhyscoles

    Hi there,

    LOVE the theme. Quick question.

    I have set up my transparent header menu options with white elements (menu and logo). This is great for pages with a DARK background and works perfectly.

    However, I would also like to use a transparent / glassy header with a LIGHT coloured background. To do this, I would need to change the white elements (menu and text) and have them revert back to the default settings.

    Is this possible please?

    HUGE thanks in advance!

    Rhys

    September 25, 2018 at 4:36 pm #1014272
    Victoria

    Hey rhyscoles,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.page-id-4286 #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
  color: #1a1e59;
}
#top.page-id-4286 .header_color.av_header_transparency .avia-menu-fx,
.page-id-4286.av_header_transparency div .av-hamburger-inner, 
.page-id-4286.av_header_transparency div .av-hamburger-inner::before, 
.page-id-4286.av_header_transparency div .av-hamburger-inner::after {
  background-color: #1a1e59;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 25, 2018 at 5:44 pm #1014324
    rhyscoles

    Hi Victoria,

    Many thanks for the support. Much appreciated, I have used the Enfold forums for many years. It’s nice to have direct contact with you guys. I’m a big fan :-)

    The CSS worked for the menu text (thank you!) – but not the logo. The logo remains the transparent version (white).

    I placed the code in General Styling CSS and custom.css

    Can you think of a way to get the logo to be the non-transparent version please?

    Rhys

    September 25, 2018 at 7:45 pm #1014434
    Victoria

    Hi Rhys,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.page-id-4286 .av_header_transparency.av_alternate_logo_active .logo a > img {
    opacity: 1;
}

    Please, pay attention that the code is using the page id class, so it will not affect other pages as it is.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 26, 2018 at 5:04 pm #1014873
    rhyscoles

    Hi Victoria,

    That’s awesome. Many thanks! I successfully added more code to keep the bordered button menu item pink.

    #top.page-id-4286 #header.header_color.av_header_transparency .av-main-nav > li#menu-item-3883 > a .avia-menu-text {
    border-color: #CF007F;
    color: #CF007F;
    }

    Winning!

    Thanks again, much obliged.
    Rhys

    September 26, 2018 at 5:45 pm #1014891
    Jordan Shannon

    Hi,

    I’m glad you were able to receive the help you needed. If you need anything else, 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 ‘Disable transparent header menu settings for single page (retain transparency)’ is closed to new replies.