Shopify themes, liquid, logos, and UX
Hello,
I would like to change hover settings for this one button in this image banner at the top of my landing page. Here is my preview link: https://o86flz1km2u78lkz-60685517054.shopifypreview.com
I would like it to add these settings to this one specific button on hover.
box-shadow: 0 0 0 0.3rem rgba(242, 165, 34, 0.5);
color: white;
background-color: rgba(149, 30, 28, 0.8);
Tia!
Solved! Go to the solution
This is an accepted solution.
Add code Your assets/base.css or assets/section-image-banner.css bottom of the file.
.banner__box>.banner__buttons:only-child .button:hover {
margin-top: 0;
box-shadow: 0 0 0 0.3rem rgb(242 165 34 / 50%) !important;
color: white !important;
background-color: rgba(149, 30, 28, 0.8) !important;
}
Thanks!
This is an accepted solution.
Add code Your assets/base.css or assets/section-image-banner.css bottom of the file.
.banner__box>.banner__buttons:only-child .button:hover {
margin-top: 0;
box-shadow: 0 0 0 0.3rem rgb(242 165 34 / 50%) !important;
color: white !important;
background-color: rgba(149, 30, 28, 0.8) !important;
}
Thanks!
Thank you so much, I added it to bottom of base.css and it works!
User | RANK |
---|---|
180 | |
154 | |
72 | |
35 | |
34 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023