Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Dawn - Stop button colour changing on hover

Solved

Dawn - Stop button colour changing on hover

LatelyStudio
Tourist
4 1 2

I'm hoping someone can help as it's been driving me mad trying to get this to work properly. The buttons look fine until you hover over them and then the text changes to my default text colour (pink) and makes it unreadable. I need a way to turn the hover function off or change the hover colour to white so you can read what's on the button.

 

Screenshot 2022-01-19 at 11.57.01.pngScreenshot 2022-01-19 at 11.57.06.png

Accepted Solution (1)
LatelyStudio
Tourist
4 1 2

This is an accepted solution.

I figured out the code on my own, in case anyone else is looking for a solution I pasted this code at the bottom of section-multicolumn.css and it solved it

 

.multicolumn .button:hover {

color: white !important;

background-color: #FF9C4D !important;

}

 

View solution in original post

Replies 5 (5)

ZestardTech
Shopify Partner
6161 1100 1479

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
LatelyStudio
Tourist
4 1 2
ZestardTech
Shopify Partner
6161 1100 1479

Hello there,

Please share me page link.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
LatelyStudio
Tourist
4 1 2

hi,

 

the issue is with buttons on the home page which that link should take you too. The problem is with the buttons under the multicolumn and featured collection sections.

LatelyStudio
Tourist
4 1 2

This is an accepted solution.

I figured out the code on my own, in case anyone else is looking for a solution I pasted this code at the bottom of section-multicolumn.css and it solved it

 

.multicolumn .button:hover {

color: white !important;

background-color: #FF9C4D !important;

}