-
Can you please help me add the css to add the lines in the navigation marked with the red arrow. I only managed to find the class for the entire navigation and not create different lines in different colors.
Thanks!
-
Hi there,
Try this CSS:
#primary-menu > ul > li { text-decoration: underline; text-underline-offset: 10px; text-decoration-thickness: 7px; } #primary-menu ul li:nth-child(odd) { text-decoration-color: #edc8b4; } #primary-menu ul li:nth-child(even) { text-decoration-color: #c6cfc6; } -
Thank you so much! Happy new year!
-
You’re welcome, Happy New Year too!
-
Thank you!
Sorry, one more question. How do I do the same thing to the titles on the footer (Resources and company)?
-
Could you provide the site’s URL again?
-
Never mind, I found your site URL from your other topic. Try this CSS:
.footer-widget-2 a, .footer-widget-3 ul li { text-decoration: underline; text-underline-offset: 10px; text-decoration-thickness: 7px; } .footer-widget-2 p:not(:first-of-type):nth-of-type(odd) a { text-decoration-color: #c6cfc6; } .footer-widget-2 p:not(:first-of-type):nth-of-type(even) a { text-decoration-color: #edc8b4; } .footer-widget-3 ul li:nth-child(odd) { text-decoration-color: #edc8b4; } .footer-widget-3 ul li:nth-child(even) { text-decoration-color: #c6cfc6; } -
Thanks but I only wanted an underline on the two titles (Resources and company) and not on all the links.
-
Sure, simply add this one:
.footer-widget-2 p:first-of-type, .footer-widget-3 #text-18 p { text-decoration: underline; text-underline-offset: 8px; text-decoration-thickness: 5px; } -
Thank you very much!
-
You’re welcome!
Viewing 11 posts - 1 through 11 (of 11 total)
- You must be logged in to reply to this topic.