Black text stroke to the image banner heading in Ride theme

Hello, I need help adding black text stroke to the image banner heading in Ride theme

Hi @BNMs ,

To add Black text stroke to the image banner heading in Ride theme, follow these steps:

  1. Go to Edit code

  2. Search to base.css or add componet-image-with-text.css

h2.image-with-text__heading {
     color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 3px black;
}

or

h2.image-with-text__heading {
     color: #fff;
     text-shadow:
       3px 3px 2px #000,
       -3px 3px 2px #000,
       -3px -3px 0 #000,
       3px -3px 0 #000;
}
or

h2.image-with-text__heading {
    color: white;
    -webkit-text-fill-color: black;
    -webkit-text-stroke: 3px white;
}

Result:

![view - 2023-12-12T141655.328.png|1233x328](upload://pHv7igJyqWKGPMcfkUNKmfgzik3.png)

**Hope it works @BNMs **

1 Like

Thank You!