Archived topic
making the H3 link underlined on home page only
11 replies · Started by Jeffrey on November 8, 2021
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
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 :)
Yes, Thank you, I didn't realize the editor removed the option and only cntrl U works.
Thanks always for you prompt response.
No problem :)
How about making it only underline on hover instead of always being underlined?
Can you provide the link to your site again?
It was erased when I marked the topic resolved :)
here :)
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;
}
for some reason its not taking.
like this?
.hover-underline:hover h3 {
text-decoration: underline;
}
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.
got it! thank you again.
No problem :)