How Do I create a set of links that are underlined

This topic has 3 replies, 2 voices, and was last updated 10 years, 3 months ago by Wes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
January 5, 2014 at 9:08 pm #9800
bshellhorse
Customer
Currently, the theme bolds, but does not underline a link. I want to keep that styling, but I also want some links to be underlined. In the style sheet, I find the following:
```
/* Typographical Elements
--------------------------------------------- */

/*code removed for posting*/

a {
	color: #000;
	font-weight: 400;
	text-decoration: none;
}

a img {
	margin-bottom: -4px;
	margin-bottom: -0.25rem;
}

a:hover {
	color: #888;
	text-decoration: underline;
}
```
Based on my understanding, this is what currently controls the links. What do I add to the style sheet to make another set of links that are underlined and then put them in a page or post?
January 5, 2014 at 9:10 pm #9801
Wes
Moderator
It depends where the links are and what ID/class they’re using. If you can figure out what they’ll be using, then you can add that ID/class to your css (if it’s not already there) and then add the text-decoration: underline; to the code.
January 6, 2014 at 3:11 pm #9836
bshellhorse
Customer
the links are just going to in pages and posts. So is this essentially what I put in css, where I add some identifier after the a, like a.ex1?
```
a.ex1 {
	color: #000;
	font-weight: 400;
	text-decoration: underline;
}

a.ex1 img {
	margin-bottom: -4px;
	margin-bottom: -0.25rem;
}

a.ex1:hover {
	color: #888;
	text-decoration: underline;
}
```
And then use it like this in a page or post?

<a class="ex1" href="http://mysite.com">This link has underline</a>
January 6, 2014 at 7:47 pm #9844
Wes
Moderator
Yes, have you tried it yet to make sure it works?
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.