Goal: add a text shadow to the “Shop” and “Learn” button labels on the homepage and increase their font size (buttons already have a box shadow).
Initial attempt: A CSS snippet was provided that targeted the heading (h2.banner__heading.h1), adding text-shadow and font-size, but it affected the page heading instead of the button text.
Update/fix: A revised CSS selector was supplied to specifically target the button links and should be added to the section’s Custom CSS:
Notes: The change applies a glow-like text shadow to the button labels and increases their size; the min-width ensures consistent button width.
Status: Updated code provided; awaiting confirmation from the requester. No further issues or decisions recorded.
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;
}