Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 8, 2021 at 2:42 am #1315073
    spottydog63

    Hi.

    I am assuming that it is possible to use Custom CSS to specify a hyperlink color to use in a custom widget area, but I don’t know how to do it.

    The custom widget area is called “Areas Serviced”, and I want to change the color of the hyperlink from the one specified in the Theme General Styling, to black (#000000).
    The hover color can remain as is.

    I have supplied the WordPress login credentials in Private Content.

    Regards
    Iain

    August 9, 2021 at 5:45 am #1315208
    Rikard

    Hi Iain,

    Please try the following in Quick CSS under Enfold->General Styling:

    #custom_html-2 a {
  color: #000 !important;
}

    Best regards,
    Rikard

    August 9, 2021 at 6:11 am #1315214
    spottydog63

    Hi Rickard.

    That worked, but it also changed the hover color to black too.
    I would prefer to keep the hover color as #e02828

    Regards
    Iain

    August 9, 2021 at 6:15 am #1315215
    spottydog63

    Never mind.
    I added this and it works:

    #custom_html-2 a:hover {
    color: #e02828 !important;
    }

    Regards
    Iain

    August 10, 2021 at 5:35 am #1315941
    Rikard

    Hi,

    Great, I’m glad that you found a solution, and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    August 10, 2021 at 5:54 am #1315947
    spottydog63

    Hi Rickard.

    Yes, you can close this topic.

    Regards
    Iain

    August 11, 2021 at 6:14 am #1316190
    Rikard

    Hi,

    Thanks for letting us know, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Change the hyperlink color just in a custom widget area’ is closed to new replies.