White outlining around text in slideshow

Store Design
, ,
1

How do i add a white outlining around the text in the image on my front page

The text are on a picture on a slideshow

1000001431.jpg
1000001431.jpg1080Ă—2408 201 KB

my wepsite is gentlesilk.dk

Thanks alot

1 Like
2

Hi @Sebastian2630

Is this only for mobile screen? Like this?

Made4uoRibe_0-1738533926372.png
Made4uoRibe_0-1738533926372.png406Ă—448 142 KB

If it is try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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:
@media only screen and (max-width: 749px){
h2.sec__content-heading.heading-letter-spacing.mt-0.mb-custom.fs-big.heading_weight {
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white;
    margin-bottom: 0;
    padding-bottom: 10px;
} 
.sec__content-des.rich__text-m0.mb-big.fs-custom.heading_weight {
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
}
  • And Save.

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

3

No i mean around the letters sorry

4

Hi @Sebastian2630

I hope you are well. You can follow our instructions below:1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}

h2.sec__content-heading {
outline: 1px solid white;

}

{% endstyle %}

DaisyVo_0-1738566648238.png
DaisyVo_0-1738566648238.png353Ă—453 135 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

5

Hi @Sebastian2630

I see you changed your text color to white now, but if you still want the code and change the text color to black, then you can use this code

#shopify-section-template--24391799865689__slideshow_8KKtNU .sec__content-inner h2,
#shopify-section-template--24391799865689__slideshow_8KKtNU .sec__content-inner p {
    text-shadow: 0 2px 2px #fff;
}
6

Do you mean the text shadow. This one?

Made4uoRibe_1-1738590266340.png
Made4uoRibe_1-1738590266340.png497Ă—216 118 KB

To make more emphazise the text.

Same Instruction. Add this code.

h2.sec__content-heading.heading-letter-spacing,
.sec__content-des.rich__text-m0 p {
    text-shadow: 3px 3px 1px rgba(0, 0, 0, 1);
}

And Save.

If this is not what you mean, please attach an image or explain it in more detail. Thanks!

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