- This topic has 10 replies, 3 voices, and was last updated 4 months ago by
Leo.
-
AuthorPosts
-
September 22, 2020 at 6:36 am #1453763
Mark
I would like to put a background overlay only behind the text over an image so that the whole image doesn’t become darkened; I only want a darker background (like a shade of black behind white text) behind the text – not The whole image.
Is this possible to do?
I have a GP site at hardiness.michianait.net. As you can see on the slideshow on the home page hads white text over the slides. I would like to put a darker background just behind the text.
Thanks,
Mark
September 22, 2020 at 7:20 am #1453813David
StaffCustomer SupportHi there,
might be worth checking with Elementor to see if their slider has an overlay option.
If not maybe try this CSS:.elementor-slides .swiper-slide-inner { background-color: rgba(0,0,0,0.5); }
As a side note – that site is not running GP ……
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 22, 2020 at 9:01 am #1454094Mark
Sorry David, I mistyped the URL: http://hardyness.michianait.net
I think autocorrect changed hardyness to hardiness.
Thanks for your reply.
Elementor’s slider does have an overlay, but it seems to overlay to whole image, not just the text.
In the CSS you sent, does .slider-slide-inner just serve as an overlay to the text itself, or the entire image? I’m not that familiar with “-inner”.
Thanks,
Mark
September 22, 2020 at 9:10 am #1454107Leo
StaffCustomer SupportYou can try something like this for the heading:
.elementor-slide-heading { background-color: rgba(0,0,0,0.5); }
Adding CSS: https://docs.generatepress.com/article/adding-css/
Please be mindful that this is the support forum for GP only and questions like these should be answered by Elementor’s support.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 22, 2020 at 1:15 pm #1454416Mark
Hi David and Leo,
It’s not that elementary doesn’t have a background overlay for the slides, it just that it covers all the slide – not just the text.
September 22, 2020 at 1:17 pm #1454419Mark
I was hoping that GeneratePress Premium might have some options for backgrounds behind a text only.
September 22, 2020 at 1:20 pm #1454422Leo
StaffCustomer SupportI believe my CSS above should work for the text only:
https://generatepress.com/forums/topic/image-background-overlay-only-behind-text/#post-1454107I was hoping that GeneratePress Premium might have some options for backgrounds behind a text only.
GP Premium cannot control content coming from page builders.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 22, 2020 at 1:27 pm #1454427Mark
Thanks Leo,
I will try it.Mark
September 22, 2020 at 1:30 pm #1454436Leo
StaffCustomer SupportNo problem 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 22, 2020 at 4:02 pm #1454558Mark
That worked like a charm. Thanks!
Mark
September 22, 2020 at 7:03 pm #1454652Leo
StaffCustomer SupportNo problem 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.