Archived topic
How to add underline below Hyperlink (not below meta,menus,header,comments)
4 replies · Started by Amol Chavan on August 22, 2019
Hello All, I want to add underline below the Hyperlink in blog post.Hyperlink should not be expected under Menu,Comments,Meta links blog pages. I only wanted to display in blog post text area, side bar text area where I am hyperlink to any other blog post, side. could you please help me how to do this.
Hi there,
you can use the container classes to target the a links within the page content eg.
#page a {
/* Add your style here */
}
Note that any a elements are targeted this could include other types of content, to limit to just that within a paragraph the selector would #page p a
Sidebars also have there own class eg, #right-sidebar
So if you want the page and the right-sidebar your CSS rule would look like:
#page p a, #right-sidebar p a {
/* Add your style here */
}
Of course just p a will target all anchors within a pargraph
Hello,
I'm non technical so don't know how to add this.Could you please send me inside code i.e /* Add your style here */ And do i need to replace p and a with name or it should be as it is?
#page p a, #right-sidebar p a {
/* Add your style here */
}
Try this:
#page p a, #right-sidebar p a {
text-decoration: underline;
}
How to add CSS:
Resolved