Change hyperlink formatting

[hypnorich]

I would like hyperlinks to be formatted so they are in italics but the same colour as the rest of the text. I would also like the hyperlink to be underlined.

Would you be able to help me tweak the settings or css to achieve that please?

[friech]

Hi Richard,

Thank you for writing in, the site links color can be changed under Theme Options > Typography

But for the italic and underlined links, you need to add this to Theme Options > CSS

body a {
	font-style: italic;
	text-decoration: underline;
}

Hope it helps,
Cheers!

[hypnorich]

Great stuff! Thanks!

One last question…I would like the hyperlink formatting to apply to paragraph content only. I would like buttons with text to not be underlined. Is there a css solution for that or a bit of formatting I would need to do each individual button (for example)?

[jade]

Hi Richard,

This should do that:

body p a {
	font-style: italic;
	text-decoration: underline;
}

This will target all the hyperlinks that are in a <p> tag.

To learn more about how to write your CSS selectors, please check here:

• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[ataraxik123]

Thanks so much for posting this!! I was wondering why my hyperlinks weren’t visible. It’s mad annoying when they don’t show up.

[nabeel]

Hi again,

in that case you can always check your site via Chrome’s developers tool - A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

Cheers!