Promo Banner Title Shadow

Hello!
Is there any way to add text shadow in title/content on your promo banner ?
My banners are set as background and when scalling to mobile font becomes unreadable in some places.
Would be great to have a 2px white vertical offset shadow on black font and black shadow on white font

Content below:

Attachments:

You must be logged in to view attached files.

2

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your page URL and site admin access we will check and suggest the solution.

Best Regards

Here you go

Hello,

Could you please give the page URL when I go to the home page I see the maintenance page?

Best Regards

Hello,
Here is direct url

Hello,

I get to the admin Dashboard, please give the page title.

Best Regards

The thing is – these are promo banners that I’ve set in product description, this is not one time banner. I need to set about 500 of them each one in separate product.

Hello,

Give the product URL where I can check that.

Best Regards

Hello,
Here is sample product url.

Hello,

Please try this code:

body .elementor-9629 .elementor-element.elementor-element-1cf2b6c .banner-title {
    color: #ffffff;
    font-size: 43px;
    text-shadow: #000000 1px 0 10px;
}

Best Regards

It worked like a charm – but only on one specific banner.
I will have about 500 this kind of banners on my shop with the same problem…
Is there any way to do it for all of them ?

Hello,

Please try this code and check:

body.single  .banner-title {
    color: #ffffff!important;
    font-size: 43px;
    text-shadow: #000000 1px 0 10px!important;
}

This code should change all the banner titles

Best Regards

It works great 🙂
Thank you Elise !

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts