Dawn theme - changing hover settings to the button in an image banner

Solved
Phuong_T
New Member
2 0 1

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 

Screenshot 2021-11-09 163815.png

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!

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9829 2237 3078

This is an accepted solution.

@Phuong_T 

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!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 2 (2)
dmwwebartisan
Shopify Partner
9829 2237 3078

This is an accepted solution.

@Phuong_T 

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!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Phuong_T
New Member
2 0 1

Thank you so much, I added it to bottom of base.css and it works!