Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 26, 2019 at 5:09 pm #1083171
    amanda-mdllc

    Good Morning!

    I am working with your Enfold theme for a legal website and I am doing all the compliance items. I seem to be having a hard time in the editor getting the active, hover, and visited colors to work. Is there a way to do all these in the editor instead of the CSS? This would be the best way for our Child theme so when updates happen all the hard work is not lost.

    If we have no choice but to do it via enfold.css how would you recommend that? Here is what I have:

    #top #wrap_all .av-main-nav ul > li:hover > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
    color: #ffffff;
    background-color: #ccb266;
    }
    #top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
    color: #ffffff;
    background-color: #273a87;
    }
    #top #header .av-main-nav > li:hover > a {
    color: #273a87;
    font-size: 18px;
    }
    #top #header .av-main-nav > li:hover > a .avia-menu-text, #top #header .av-main-nav > li:hover > a .avia-menu-subtext {
    color: #273a87;
    }
    #top #header .av-main-nav > li > a {
    color: #333333;
    font-size: 18px;
    }
    #top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
    color: #333333;
    }
    #top #header .av-main-nav > li:visited > a {
    color: #6c7187!important;
    font-size: 18px;
    }

    Thanks so much in advance!
    ~Amanda

    March 26, 2019 at 5:20 pm #1083175
    cg

    When you place your custom CSS in the ‘style.css’ of your child-theme it is consistent and not overriden by an update of the parent Enfold theme.

    child theme: https://kriesi.at/documentation/enfold/child-theme/

    adding custom CSS per child theme: https://kriesi.at/documentation/enfold/add-custom-css/#child-theme

    March 26, 2019 at 5:40 pm #1083180
    amanda-mdllc

    That’s wonderful news!

    Is there a way to customize the a:visited links? The code I have above is not working properly and I need to do this throughout the entire website for compliance.

    Thanks in advance.

    March 26, 2019 at 5:54 pm #1083182
    cg

    The “visited”-selector has to define the “a”-tag … you can’t use it for the “li”-tag.

    Instead of this:

    #top #header .av-main-nav > li:visited > a

    try it this way:

    #top #header .av-main-nav > li > a:visited

    Same for :link, :hover, :active … your declaration for li:hover does work, but nevertheless it would be better (more stable) to use it for the a-tag.

    Info: https://www.w3schools.com/cssref/sel_visited.asp

    March 30, 2019 at 7:08 am #1084814
    Rikard

    Hi,

    Thanks for helping out @cg, much appreciated :-)

    Did you have any luck with the code @amanda-mdllc?

    Best regards,
    Rikard

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