Adding Outline Or Text Shadow To Menu On Studio Theme

Store Design
,
1

Hi,

I am trying to create an outline and/or shadow for my headline of my shop that I placed on top of a photo. I found solution for Brooklyn theme for example, but not for the Studio theme I use. https://www.kanal-100.com/

Can you please help?

Thank you

1 Like
2

Hi @Kanal100 ,

Please add below code at the end of theme.liquid file just above “”.

Result:

theycallmemakka_0-1702052535947.png
theycallmemakka_0-1702052535947.png1109Ă—263 271 KB

1 Like
3

Hi @Kanal100

Check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
#Banner-template--20190461690189__e7d52ccd-1079-4c12-9995-c90c17d023fe h2.banner__heading.inline-richtext.h0 {
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
4

Nice!

Thank you for your fast answer and help. That did the job!

1 Like