To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

Add Text Shadow on Image Banner - SENSE THEME

MaxMedReady
Excursionist
12 1 2

Hi I'm using the SENSE theme and I'm unable to work out how to add a drop shadow to the white text that is overlayed on my Image Banner sections.

 

https://medreadyaustralia.myshopify.com/
pass: baimee

 

@MarinaPetrovic 

Replies 2 (2)
MarinaPetrovic
Navigator
495 112 156

Hi @MaxMedReady , go to edit code > assets > base.css, find this element:

.subtitle {
    font-size: 1.8rem;
    line-height: calc(1 + .8 / var(--font-body-scale));
    letter-spacing: .06rem;
    color: rgba(var(--color-foreground),.7);
}

Change it with:

.subtitle {
    font-size: 1.8rem;
    line-height: calc(1 + .8 / var(--font-body-scale));
    letter-spacing: .06rem;
    color: rgba(var(--color-foreground),.7);
   text-shadow: 2px 2px #000000;
}

 

M.Petrovic | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
MaxMedReady
Excursionist
12 1 2

Thanks, but:

- It looks awful? Can I customise this further?
- It only applies to the Subtitle, not the Heading.