Remove drop shadow from font on hero image in Debut theme

mgb4
Tourist
8 0 3

Hi there,

 

I am trying to remove the slight gray drop shadow that appears on my text in the hero image of my debut theme. I've seen lots of posts asking how to add this, but mine was already there! and unwanted. Anyone have an answer to this?

See attached image. See the grayish ring around the letters?

shadow.JPG

 

Thanks!
Mike 

KetanKumar
Shopify Partner
14524 1673 5212

Thanks @mgb4 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Firefly_718
New Member
1 0 0

Hello! I had the same situation. 

Try this property in your "theme.scss.liquid"

text-shadow: none;

 

0 Likes
julesyounki
New Member
1 0 0

Firefly:

Hello. I am having the same issue. Very new to Shopify. Where, exactly, do I place the code to remove the shadow in my overlay text. Thank you!

0 Likes
madeforeveryone
New Member
1 0 0

Hello! 

For anyone who needs the solution:

Go to edit code, theme.css in your asset folder. Search "shadow" and go to section titled "Hero and slideshow headers" change "text-shadow" values to none.

it should look like this:

/*================ Hero and slideshow headers ================*/
.mega-title,
.mega-subtitle {
  color: var(--color-overlay-title-text); }
  .hero .mega-title, .hero
  .mega-subtitle {
    text-shadow: none; }
  @media only screen and (min-width: 750px) {
    .mega-title,
    .mega-subtitle {
      text-shadow: none; } }

 

0 Likes