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

Technical Q&A
1

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!

2

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

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

4

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