[Resolved] Underline Text Links, exclude Navigation

[Leo]

Try this for link underline instead:

.site-content p a:link,
.site-content p a:hover,
.site-content p a:active,
.site-content p a:visited {
    text-decoration: underline;
}

Title hover is working. Change the color #000000 to something else then you should be able to see it 🙂

[Kristijan]

yes, that’s it, everything is working

thanks a lot Leo!

[Leo]

No problem!

[Kristijan]

hi,

can you please also share how to get link in heading underlined when hovered?

thanks

[Leo]

This is the site you are referring to still? http://kristijangalekovic.com/

The only thing in the header is the title which you don’t want to underline?

[Kristijan]

yes, still refering to this site:
http://kristijangalekovic.com/

what I’ve meant is if link in Heading (H1, H2, H3…) can be uderlined when hovered?

Kristijan

[Leo]

Ah yes. Try this:

h1 a:hover {
    text-decoration: underline;
}

[Kristijan]

that’s it, thanks!

[Leo]

No problem!

[Kristijan]

oh yes, one more thing please:

how can you add some predefined space (like using tabs in word editor) in the heading (H1)?

[Leo]

Try:

h1 {
    padding-left: 10px;
}

If you have more questions please open a new topic 🙂 Thanks!

[Ricardo]

Hi,

I’m using this css that you provide here:

.site-content p a:link,
.site-content p a:hover,
.site-content p a:active,
.site-content p a:visited {
text-decoration: underline;
}

I would like to have a hover and active effect: to remove the underline.

For that, I tried to simply remove

.site-content p a:hover,
.site-content p a:active,

but it didn’t work.

Also set

.site-content p a:hover,
.site-content p a:active,{
text-decoration: none;
}

but it didn’t work.

Any idea on how to achieve that?

Thanks in advance,
Ricardo Pons

[Leo]

Please open a new topic for your question.

Thank you!

[Author]

Posts