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
230 1 52

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
11028 2160 2306

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;
}

- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

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;
}

 

- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

empiricalarby
Trailblazer
230 1 52

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

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

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;
}

- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.