[Resolved] making the H3 link underlined on home page only

[Jeffrey]

Using a block element with a heading. Sample on home page under Step1:learn the joints.

I want it to stand out like a clickable link

[Leo]

Hi there,

Sorry for the late reply.

I see the underline applied to Step 1: Learn the Joints.

Have you resolved the issue?

Let me know 🙂

[Jeffrey]

Yes, Thank you, I didn’t realize the editor removed the option and only cntrl U works.

Thanks always for you prompt response.

[Leo]

No problem 🙂

[Jeffrey]

How about making it only underline on hover instead of always being underlined?

[Leo]

Can you provide the link to your site again?

It was erased when I marked the topic resolved 🙂

[Jeffrey]

here 🙂

[Leo]

Hmm you would need to:

– Disable the current underline

– Add a custom CSS class hover-underline to the headings you want to apply underline on hover.

– Then add this CSS.

.hover-underline:hover {
    text-decoration: underline;
}

[Jeffrey]

for some reason its not taking.

like this?

.hover-underline:hover h3 {
    text-decoration: underline;
}

[Leo]

Can you follow my exact solution here?
https://generatepress.com/forums/topic/making-the-h3-link-underlined-on-home-page-only/#post-1997770

I don’t see the second and third points being done.

You don’t need to modify the CSS.

[Jeffrey]

got it! thank you again.

[Leo]

No problem 🙂

[Author]

Posts