Shopify themes, liquid, logos, and UX
Hi,
Looking for some help. We're using Debut theme and the website is www.watchcraftsman.com.
We manually changed the header colour to white as we have a black background, but didn't change within the theme settings as the background for the rest of the site is white.
The issue we have is that the bottom-border on the links within the header highlight to black when a cursor hovers over them (the theme text colour) and not white. Can someone help me correct this?
Thanks
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
.site-nav__link:focus .site-nav__label, .site-nav__link:not([disabled]):hover .site-nav__label {
border-bottom-color: #fff !important;
}
.site-nav__link--active .site-nav__label {
border-bottom-color: #fff !important;
}
Hope this helps.
Thanks!
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
.template-index #site-header {border-bottom-color: transparent;}
Thanks
What I mean is the bottom-border of the text, which highlights (or underlines) constantly for the text of the active page, and then highlights (underlines) the other text when you hover over it. Its currently black and I need it to be white, the same colour as the text.
Hi
Can anyone help with this?
Thanks
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
.site-nav__link:focus .site-nav__label, .site-nav__link:not([disabled]):hover .site-nav__label {
border-bottom-color: #fff !important;
}
.site-nav__link--active .site-nav__label {
border-bottom-color: #fff !important;
}
Hope this helps.
Thanks!
Thank you so much, this works great!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024