How do I change the announcement bar color when I hover over it?
Also how do I add birthday information when a customer signs up?
1 Like
Hi @Naylag
Could you share your store URL?
Hi @Naylag ,
This is David at SalesHunterThemes.
To change the announcement bar color when hover, you can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code.
Go Assets folder → theme.liquid file.
Add the following code in the bottom of the file above tag
You can change the red color to the color you want.
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team
Hello Naylag,
I understand you are looking to change the background color of the announcement bar when visitors hover over it and add a birthday field in customer sign up form.
- The announcement bar color can be change in this way -:
You have to change the background color in the code associated with this section.
Please find the .announcement-bar_link class and replace the color as mentioned below.
.announcement-bar_link:hover {
background-color: yellow;
}
Please take a look at the screenshot https://prnt.sc/H5PIR4UzU-vn , https://prnt.sc/Ptgc6QNj0VA8
You can find this code in your .css file.
- For adding a birthday field in your customer sign up form. Please go through the below mentioned link.
I hope it helps.
Please let me know if you have any query or need any further assistance
Thank you.
**Hi @Naylag **
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag
.announcement-bar:hover .announcement-bar__message {color: white;}
Hello I tried doing that and it didn’t work, instead it just adds another header on top of it.