Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 29, 2016 at 12:08 am #624061
    mikeschumann

    On my Enfold pages, when I use regular text, hyperlinks have a different color than the primary text color. When I hoover over the link, the color changes and an underline is present.

    On the same page, if I have <h3> text, hyperlinks have the same color as the rest of the text and their is no change when you hoover over the link.

    Why is this, and what do I need to do so the <h3> text hyperlinks work the same as regular text?

    April 29, 2016 at 2:03 am #624083
    Kriesi

    Hey mikeschumann,

    This is a simple design choice. Add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->General Styling:

    #top #wrap_all h3{
color:#333; /*replace with the color of your choice if you want to change the default h3 color*/
}

#top #wrap_all h3:hover{
color:#333; /*replace with the color of your choice if you want to change the default h3 hover color*/
text-decoration:underline;
}

    Hope that is what you are after :)
    Best regards,
    Kriesi

    August 9, 2020 at 4:41 am #1236269
    john_ma

    I have the same question. He was asking the hyperlink color and hover effects, not the whole H3.
    I tried to specify #main h3 a {color:…} but it didn’t work.
    How to change the CSS?

    Thanks,
    John

    August 10, 2020 at 5:32 am #1236366
    Rikard

    Hi John,

    Could you post a link to where we can see the element you are trying to target please?

    Best regards,
    Rikard

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