Add Text Shadow on Image Banner - SENSE THEME

Retired Boards Appdev Store Design
1

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

2

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

Thanks, but:

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