Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #223927

    Hi guys,

    after solving my logo problem, here’s another question:

    When setting the primary color for Main Content in the Enfold styling section the same color is used for bold text as well as for links. This is unfortunate, since I would like the links to pop out more from the rest of the content.

    Any CSS quick code to either add another color for the links or for the bold text – so that the links have their own unique color?

    Thanks a lot,
    Ruppert

    • This topic was modified 10 years, 9 months ago by rfb4.
    #223983

    Hey rfb4!

    Change the link color using this on Quick CSS:

    .main_color a:hover, .main_color h1 a:hover, .main_color h2 a:hover, .main_color h3 a:hover, .main_color h4 a:hover, .main_color h5 a:hover, .main_color h6 a:hover, .main_color .template-search a.news-content:hover {
    color: red;
    }

    Use this for the bold fonts:

     .main_color strong {
    color: red;
    }

    Regards,
    Ismael

    #224359

    Solved with the bold text, thanks. I should note however the one for the link color didn’t work out for me.

    #224962

    Hi!

    Please note that Ismael provided you hover states. If you would like to change initial color of links, please add following code to Quick CSS as well

    .main_color a, .main_color h1 a, .main_color h2 a, .main_color h3 a, .main_color h4 a, .main_color h5 a, .main_color h6 a, .main_color .template-search a.news-content {
    color: red;
    }

    Regards,
    Yigit

    #224975

    My bad, works like a charm. Thanks guys, you’re awesome!

    Ruppert

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘DIfferent color for links in main content’ is closed to new replies.