Promo Banner Title Shadow

This topic has 15 replies, 2 voices, and was last updated 5 years, 1 month ago by Elise Noromit.

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
December 3, 2020 at 11:52 pm #247560

lucablight2
Participant

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

December 3, 2020 at 11:58 pm #247561

lucablight2
Participant

Content below:

Attachments:
You must be logged in to view attached files.

December 3, 2020 at 11:59 pm #247563

lucablight2
Participant

2

Attachments:
You must be logged in to view attached files.

December 4, 2020 at 10:28 am #247701

Elise Noromit
Member

Hello,

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

Best Regards

December 4, 2020 at 4:41 pm #247897

lucablight2
Participant

Here you go

December 4, 2020 at 10:31 pm #247977

Elise Noromit
Member

Hello,

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

Best Regards

December 4, 2020 at 11:31 pm #248016

lucablight2
Participant

Hello,
Here is direct url

December 5, 2020 at 9:50 am #248055

Elise Noromit
Member

Hello,

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

Best Regards

December 5, 2020 at 12:21 pm #248088

lucablight2
Participant

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.

December 5, 2020 at 6:40 pm #248154

Elise Noromit
Member

Hello,

Give the product URL where I can check that.

Best Regards

December 5, 2020 at 6:44 pm #248156

lucablight2
Participant

Hello,
Here is sample product url.

December 5, 2020 at 9:07 pm #248183
Elise Noromit
Member
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
December 5, 2020 at 10:30 pm #248195

lucablight2
Participant

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 ?

December 6, 2020 at 1:29 pm #248279
Elise Noromit
Member
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
December 7, 2020 at 11:29 am #248540

lucablight2
Participant

It works great 🙂
Thank you Elise !

December 7, 2020 at 2:24 pm #248571

Elise Noromit
Member

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

Best Regards
Author

Posts