Hover effect for text links inside paragraphs

Site URL: https://sealion-harpsichord-dxmn.squarespace.com/about

Hello,

I would like to change the hover effect on all links in paragraph text:

https://sealion-harpsichord-dxmn.squarespace.com/about

to be the same as the hover effect visible on the project menu I made here:

https://sealion-harpsichord-dxmn.squarespace.com/work

Thank you!

Jovan

Add to Design > Custom CSS

/* About links hover */
div#page-section-6265c5b0fbf3e63b400aecd0 a:hover {
    opacity: 0.75;
}

Hi, did that help you?

I faced a similar situation, and what did the trick for me was this:

a span:hover {

text-decoration: underline;

color: #F9C761

}

When dealing with adding links to specific words within a text box, like a paragraph, the HTML structure often involves a <div> containing a <p> with an <a> for the link, and then a <span> for styling effects. To make sure the hover effect (underline and color change) only applies to the linked words, the provided code comes in handy. Keep in mind that it has a global impact, so if your text has a link in the footer, the hover effect will apply there as well.

On the other hand, when working with navigation items, things are more straightforward. You can simply use:

a:hover {
    /* Add your styling here */
}

Hope this helps!