sosofofia Posted April 1 Share Posted April 1 (edited) Hi, I want all of my hyperlinks in both headings and paragraphs to change color when hovered, but my code only works on the headlines for some reason. I only have basic knowledge of CSS, and I can't figure out what's wrong. a:hover { color: #f48947; text-decoration: underline; text-decoration-thickness: 1px; } - I've tried changing the first line to h3 a, p a:hover {} but paragraph links still won't work - If I add another block with the same code below it, any text-decoration changes seem to affect the paragraph links, but the color won't change. - I've tried adding the !important command, but it doesn't work. Is there any brilliant mind out there who can help me? sofiawiklander.com Edited April 1 by sosofofia added link to website Link to comment
qosmic Posted April 1 Share Posted April 1 You were close! Try: p:hover { color: #f48947; text-decoration: underline; text-decoration-thickness: 1px; } You can also make it block-specific: #blockID { p:hover { color: #f48947; text-decoration: underline; text-decoration-thickness: 1px; } } .techCRM | Email Marketing | eCommerce | Accounting Systems | Data Migration | Automation | App IntegrationsOur Mission - Contact Link to comment
sosofofia Posted April 1 Author Share Posted April 1 Thank you so much for your reply! p:hover doesn't work either. It only gives one long underline for the whole line, instead of underlining each hyperlinked object. 😞 Link to comment
Solution tuanphan Posted April 5 Solution Share Posted April 5 On 4/2/2023 at 1:50 AM, sosofofia said: Hi, I want all of my hyperlinks in both headings and paragraphs to change color when hovered, but my code only works on the headlines for some reason. I only have basic knowledge of CSS, and I can't figure out what's wrong. a:hover { color: #f48947; text-decoration: underline; text-decoration-thickness: 1px; } - I've tried changing the first line to h3 a, p a:hover {} but paragraph links still won't work - If I add another block with the same code below it, any text-decoration changes seem to affect the paragraph links, but the color won't change. - I've tried adding the !important command, but it doesn't work. Is there any brilliant mind out there who can help me? sofiawiklander.com Change your code to this a:hover, a:hover span { color: #f48947; text-decoration: underline; text-decoration-thickness: 1px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
sosofofia Posted April 10 Author Share Posted April 10 @tuanphan You're amazing, thank you so much! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment