leannevp

Sorry, I attached a screenshot but I'm not sure I understood what you meant. If it's helpful, here's proper access to my site: https://www.leannelonglastname.com/travel pw: Kilimanjaro21

Hope this clarifies! Thank you. https://www.leannelonglastname.com/hyperlink-example

I'm interested in making all of my Paragraph 2 hyperlinks show up as "low highlights" instead of underlines. I'd like them to showcase as one colour, and then change into another colour when hovered on top of. So I found the code to do exactly what I'm looking for, using linear-gradients! (See below.) However, as seen in the image I uploaded, the highlight is quick thick. Ideally it would end at the same location as the underlines of hyperlinks normally are. If anyone can help me out with this, I would really appreciate it. --- Code I'm using: p a { color: #000 !important; background: linear-gradient(180deg, rgba(255, 0, 0, 0) 50%, #F0ECE6 50%) !important;} p a:hover { opacity: 1 !important; background: linear-gradient(180deg, rgba(255, 0, 0, 0) 50%, #E1B261 50%) !important;}