[KarenParticipant]

Hi there,

I would like to achieve the following:
The links in my texts (and only there, not in the menu, not with widgets, not with pictures, only plain paragraph text) should be
1) underline and
2) the underline in a specific color.

3)When hovering I would like the underline to change in my body font color.
Is that possible? I tried some things from the forum search but none of them really worked out.

Regards, Karen

[KarenParticipant]

This reply has been marked as private.

[FriechModerator]

Hi Karen,

Thanks for writing in! Please apply a class on your text links.

e.g.
<a href="#" class="custom-link">A link</a>

Then declare that class on Custom CSS on Customizer

.custom-link {border-bottom: 1px solid red;}
.custom-link:hover {border-color: blue;}

Replace the color red and blue value with the color of your choice.

Hope it helps, Cheers!

[KarenParticipant]

Hi Friech,
thank you. Sorry to say, that didn’t work (= I couldn’t fix it) that way.

In my Custom CSS I added:
.custom-link {border-bottom: 1px solid #65c1be;}
.custom-link:hover {border-color: #1ca09c;}

and I put < a href=”#” class=”custom-link”>text text text < /a>
around the specific link text into my paragraphs. (some blanks added here)
Did I get you wrong concerning part 2….?

Regards, Karen

[FriechModerator]

Hi Karen,

Please provide us the direct page URL where the link text are, so we can take a closer look.

Thanks.

[KarenParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

You should wrap code snippet within code tags, see the attachment
Update your code to :

<a href="#"  class="custom-link"> Wingwave-Coaching
</a>

Thanks.

[KarenParticipant]

Thank you, Christopher,
yes, I just realized myself that all links were set back to “#” (empty) with my code setting.
Please, where would I find the bar with “code” as on your screenshot, can’t see it anywhere in Cornerstone?
Thanks — 🙂

[KarenParticipant]

PS, what I am trying to say: if I use the code you gave me, then it looks good: color and underline, everything is there. But the link is empty.

When I then set a link using the link element in Cornerstone, the link is there, but underline is gone.
I don’t know if I explained the problem clear enough…

[ChristopherModerator]

Hi there,

Please provide us with login credentials so we can take a closer look.

Thanks.

[KarenParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

There was an extra tag in your code, I went ahead and removed it to fix the issue.
You can replace your link address with hashtags in following code :

Wozu überhaupt Coaching? Lesen Sie hier, was Coaching mit Kaffeebohnen zu tun hat. Und wie es weitergeht, wenn es gerade nicht weitergeht: <a class="custom-link" href="#">Coaching-Geschichten</a>. Wie und wo läuft ein Coaching ab? Zu den Informationen: <a class="custom-link" href="#">Fakten</a>

Hope it helps.

[KarenParticipant]

Hi Christopher,
thank you so much – and still I’ve been staring at those links for a few minutes now, not understanding why they still are empty (#), even after you fixed them.
And the link in the box aside works. How come, WHY?

Now I got it. In the second box the link name corresponds to the hashtag word. In the left box it doesn’t as I tried to use a “masked” link.
So changing the link name works with ordinary links, but obviously not in this case, with those hashtags.
Or would it work some way…?

[RadModerator]

Hi there,

I’m not sure about the issue, the other one works because it has an actual link. Have you wished to link those other links too? If yes then you can change its URL instead of hash.

Thanks!

[KarenParticipant]

Hi Rad,
I thank you! What you wrote didn’t solve the issue the direct way, but it made me analyse the whole thing with< “a href=”#”> etc. and the actual link all over again. That way I found the knot, and as I had suspected already, that knot was in my head….
Yay, it’s working perfectly now, thanks a lot!

[Author]

Posts