Formatting links without underlining

Classic General
1

Apologize for the newbie question. But I am trying to diversify the formatting of my links. Specifically, I am trying to create links without underlining. I use Elixir Graphics Abstract theme. I can change the color of the link, but don’t see a way, within the theme, to diversify formatting of links.
I did look at one thread on this and mentioned css, but was not specific enough for me, as I am not familiar with css and would need to know exactly the code/snippet.

Any suggestions are welcomed
thanks
bob

2

raki,

You’ll want to adapt this code to apply to the actual text of which you’ve already successfully changed the colour. Good luck!

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}
2 Likes
3

Mark
Thanks for the quick reply. I think I need to take another visit over to the rapidweaver classroom tutorials on css.
In 3 months, I move around RW pretty well, but I am not sure where in inspector to paste this; nor am I sure how this should be done. As one line ? Separate lines? See my dilemma: clueless in css world.
If you have a quick suggestion, that is always welcomed
thanks
bob

4

Bob,

You’d insert such CSS onto multiple lines… more readable.

You will need to identify the exact path to the links, though.

Because you want this change in links’ behaviour to apply across all your pages, you’d place it in the Settings (the spanner/wrench top left) > Code > CSS (1) pane:

CSS_location.png2114×1050 91.1 KB

This search reveals many tutorials that may help you. Good luck!

1 Like