Adding Outline Or Text Shadow To Menu On Studio Theme

[Kanal100]

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

[theycallmemakka]

Hi @Kanal100 ,

Please add below code at the end of theme.liquid file just above "</body>".

<style>
#shopify-section-template--20190461690189__e7d52ccd-1079-4c12-9995-c90c17d023fe .banner__buttons a {
    border: 2px solid #000;
}

#shopify-section-template--20190461690189__e7d52ccd-1079-4c12-9995-c90c17d023fe .banner__buttons a:before{
  box-shadow: none;  
}
</style>

Result:

[Made4uo-Ribe · Accepted solution]

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

• And Save, 
• Result:
• 

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

[Kanal100]

Nice!

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