Hyper link in a blog post

Support
#1

Hello

When I highlight text in my blog post, then choose to link this text to a URL. I want to make sure the text has an underline showing the hyperlink. I would also like the text to turn red in color, when I make a link.

How can I do this?

thanks!

#2

Hello Chris,

Thanks for writing in! By default, the text color can be set in X > Theme Options > Typography > Site Links. You can use the color picker to select the red color for both the link and the link hover. It is not always underline though. You will have to use custom CSS to make sure that it will be underlined. You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

The blog posts uses entry-content class within its container. In combination with the link tag, you will have the following code:

.entry-content a {
  color: red;
  text-decoration: underline;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Feel free to make adjustment as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

#3

ok, thanks

I only want the text to be red in the blog posts. Is that possible?

#4

Hello Chris,

My example code in the previous response should make your blog post links change to a red color.
We would love to know if this has worked for you.

Thank you.

#5

working! thanks!!

where do I put this code?

#6

Hello Chris,

You need to add CSS code into X > Theme Options > CSS .
_ custom-css

Regards.

#7

thanks!!!

#8

You’re welcome!
We’re glad we were able to help you out.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.