Do you know what CSS selector I need to use when I want to change the underline of text links, like the text underline in the full screen menu (see attached screenshot).
I know how to change it in CSS, I just cannot find the proper CSS selector for it.
That underline takes the color that you have selected Skin Color area of your skin (read), but if you want to change the underline of the Fullscreen menu only then please add this CSS code to your Custom CSS area:
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav div.menu>ul>li>a:after, .main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav ul.menu>li>a:after {
background-color: red;
}
However, it doesn't work. I copied the exact code yet the underline is still white in the full-screen menu. I also tried using the !important tag, but no change.
Are you sure it is the right selector with background-color or is it text-decoration-color: red?
UPDATE: I played around with the link color in the 'Theme Styling' section of the theme, while a color-change there changes the color all the links in the theme it for some reason does not change the white underline of the full screen menu. Is there a way to change these white underlines in the full-screen menu?
Can you please share your Wordpress credentials because I need to login to your site and test this. Your information is safe here (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar (see how)
Spend some serious time today and found the actual CSS selector:
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul > li > a::after, .main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu > li > a::after {}
Hey guys,
Do you know what CSS selector I need to use when I want to change the underline of text links, like the text underline in the full screen menu (see attached screenshot).
I know how to change it in CSS, I just cannot find the proper CSS selector for it.
Any thoughts?
Thanks!
Hi Michael,
That underline takes the color that you have selected Skin Color area of your skin (read), but if you want to change the underline of the Fullscreen menu only then please add this CSS code to your Custom CSS area:
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav div.menu>ul>li>a:after, .main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav ul.menu>li>a:after { background-color: red; }Have a great weekend!
Thanks so much for the quick reply!
However, it doesn't work. I copied the exact code yet the underline is still white in the full-screen menu. I also tried using the !important tag, but no change.
Are you sure it is the right selector with background-color or is it text-decoration-color: red?
UPDATE: I played around with the link color in the 'Theme Styling' section of the theme, while a color-change there changes the color all the links in the theme it for some reason does not change the white underline of the full screen menu. Is there a way to change these white underlines in the full-screen menu?
Hi Michael,
Can you please share your Wordpress credentials because I need to login to your site and test this. Your information is safe here (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar (see how)
Thanks!
Spend some serious time today and found the actual CSS selector:
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul > li > a::after, .main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu > li > a::after {}
Hi Michael,
I'm happy to hear that you already found the selector
I wish you a great day!
Will set this ticket as solved from here.