How to drop a shadow underneath the text of the homepage buttons?

Solved

How to drop a shadow underneath the text of the homepage buttons?

empiricalarby
Trailblazer
188 1 37

https://empiricalwater.com/

 

The buttons themselves already have a shadow which is nice.

 

I would like to add a shadow underneath the text itself, "Shop" and "Learn", and also increase the font size.

 

Thanks!

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
8566 1690 1699

This is an accepted solution.

I thought you want to add shadow for heading text. Please update code to this 

.banner__box .banner__buttons.banner__buttons--multiple a {
text-shadow: 0px 0px 15px rgba(255, 255, 255, 1) !important;
font-size: 30px !important;
min-width: 16rem !important;
}

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
8566 1690 1699

Hi @empiricalarby 

Please add this code to Custom CSS of that section 

h2.banner__heading.h1 {
    text-shadow: 0px 0px 15px rgb(255 255 255) !important;
    font-size: 32px !important;
}

 

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

empiricalarby
Trailblazer
188 1 37

Hi there, this code affected the heading text rather than the button text. Can this be adjusted? Thanks

Dan-From-Ryviu
Shopify Partner
8566 1690 1699

This is an accepted solution.

I thought you want to add shadow for heading text. Please update code to this 

.banner__box .banner__buttons.banner__buttons--multiple a {
text-shadow: 0px 0px 15px rgba(255, 255, 255, 1) !important;
font-size: 30px !important;
min-width: 16rem !important;
}

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.