Home › Forums › Support › How to add underline to hyperlinked text This topic has 6 replies, 2 voices, and was last updated 4 years, 4 months ago by Leo. Viewing 7 posts - 1 through 7 (of 7 total) Author Posts December 22, 2019 at 3:36 pm #1111658 Chris Is there a way to add an underline when you hover over a linked text. So if I hover over a text, it should look like this: http://prntscr.com/qeg9ok December 22, 2019 at 3:41 pm #1111662 Chris I came across another topic and applied this code: body:not(.blog):not(.archive) .inside-article a { font-weight: bold; text-decoration: underline; } However, it adds an underline to all linked text. Is there a way to only add underline when hovering over text? December 22, 2019 at 4:40 pm #1111711 LeoStaff Customer Support Hi there, Try this instead: body:not(.blog):not(.archive) .inside-article a:hover { font-weight: bold; text-decoration: underline; } December 22, 2019 at 4:47 pm #1111722 Chris That helps, however, it removed the bold. Here’s how it looks without hover: http://prntscr.com/qegsb5 Here’s how it looks with hover: http://prntscr.com/qegseb Could I make the text bolded without hover? And whenever I hover over the text, it adds underline? December 22, 2019 at 5:34 pm #1111762 LeoStaff Customer Support This would be your full CSS: body:not(.blog):not(.archive) .inside-article a { font-weight: bold; } body:not(.blog):not(.archive) .inside-article a:hover { text-decoration: underline; } December 22, 2019 at 5:52 pm #1111769 Chris Thank you my good sir ๐ December 22, 2019 at 5:55 pm #1111771 LeoStaff Customer Support No problem ๐ Author Posts Viewing 7 posts - 1 through 7 (of 7 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In