Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • September 27, 2022 at 11:10 am #1366507
    Samuel

    After I switched to the child theme, my links are no longer underlined. What’s the CSS code to underline the links in my pages, posts and footer?

    September 27, 2022 at 3:35 pm #1366576
    Yigit

    Hey Samuel,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
#top #wrap_all a {
  text-decoration: underline;
}

    Best regards,
    Yigit

    September 27, 2022 at 7:02 pm #1366625
    Samuel

    It works but now my navigation links are underlined too. Can I have my navigation links not to be underlined? It looks strange. Thanks.

    September 27, 2022 at 11:54 pm #1366641
    Yigit

    Hi,

    My bad. Please use following code instead of the one I posted earlier

    
#top #main a {
  text-decoration: underline;
}

    Best regards,
    Yigit

    September 28, 2022 at 11:19 am #1366688
    Samuel

    It works, thanks! One last thing about my links.

    How do I change the color of the link and the color of the hoover link?

    September 29, 2022 at 7:03 am #1366829
    Nikko

    Hi Samuel,

    Go to Enfold > General Styling > Main Content (tab) then set Primary Color for link color and Highlight Color for hover link color.
    Let us know if this helps.

    Best regards,
    Nikko

    September 29, 2022 at 5:51 pm #1366958
    Samuel

    It didn’t work. All the bolded words became the same as the link colors.

    September 29, 2022 at 11:49 pm #1367008
    Nikko

    Hi Samuel,

    I see, please change this code Yigit gave:

    #top #main a {
  text-decoration: underline;
}

    to:

    #top #main a {
  color: blue;
  text-decoration: underline;
}

#top #main a:hover {
  color: blue;
}

    Just change the color values.

    Best regards,
    Nikko

    September 30, 2022 at 7:30 pm #1367147
    Samuel

    It works. Now the footer socket links are the same color but I need them to be in different colors. Can I have the code for the footer socket too? Thanks.

    October 1, 2022 at 3:07 am #1367168
    Nikko

    Hi Samuel,

    I’m glad to hear that, for the footer socket, please add this CSS code (just change the color value):

    #top #socket a {
    color: red;
}

    Best regards,
    Nikko

    October 1, 2022 at 3:29 am #1367174
    Samuel

    I also need the hoover link for the footer socket. Thanks.

    October 1, 2022 at 12:34 pm #1367192
    Rikard

    Hi,

    Please try this CSS as well:

    #top #socket a:hover {
    color: green;
}

    Best regards,
    Rikard

    October 3, 2022 at 10:58 am #1367380
    Samuel
    
#top #socket a {color: #FFFFFF; text-decoration: none}

    This line doesn’t work. The link is still underlined. The rest of the code works.

    October 3, 2022 at 1:07 pm #1367391
    Yigit

    Hi Samuel,

    Please use following code instead

    
#top #main #socket a {
  text-decoration: none;
  color: #ffffff;
}

    Best regards,
    Yigit

    October 4, 2022 at 5:05 am #1367488
    Samuel

    It works, thanks! You guys are so helpful.

    October 4, 2022 at 6:18 am #1367492
    Nikko

    Hi Samuel,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Underline Links’ is closed to new replies.