Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 1, 2018 at 7:06 pm #965526
    spencery2

    Hi, I have a problem similar to https://kriesi.at/support/topic/enfold-link-color/#post-961087 , but I want to solve it by setting the “a” link color, i.e. in Quick CSS, I want to do something like:
    .main-color a {
    color #a39b59!important;
    }

    .main-color a:hover
    {
    color: #701E3C!important;
    }

    However this seems to be overridden by the theme settings for primary link color later on.

    Is there any way I can override the theme setting for the “a” link color (especially in body text and testimonial links)?

    I would strongly suggest that there be a *separate* theme configuration for link color. It is a well known UX recommendation that link colors (and other interactive elements) be set to a distinctive color other than non-interactive UI elements. It is unfortunate that it is difficult to get Enfold to follow this basic UX principle. :(

    June 1, 2018 at 8:47 pm #965558
    Jordan Shannon

    Hey spencery2,

    You’re either going to deep, or not deep enough with the class selections. For example, this works just fine for me:

     a {
color: red!important;
}

a:hover
{
color: red!important;
}

    It may just be a matter of being more specific.

    Best regards,
    Jordan Shannon

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