-
Posts
-
I need to be able to edit the background overlay on my homepage to be a only 50% wide and 50% high and centered both horizontally and vertically. Is this possible? So, in the end, I will have a transparent gray box behind my text. Please see my website below:
Hi stacieclark!
Can you please explain, behind which text you want it?
The slider text area, you want that overlay to be? As you describe it, I understand it to be something like a pop up, but I guess that is not the case, right?Cheers!
BasilisOn my homepage, the very top color section (where the video is) currently has a color overlay that I applied that covers the entire video. I’d like that overlay to be a box that covers only 50% of the width and height instead of 100%. I can figure out how to change the size of it but can’t get it to be centered horizontally and vertically.
So in the end, the box will be behind both the Heading text and the 2 buttons underneath.
Hey!
Instead, you can turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your column element where you have your Heading text and 2 buttons and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class { background-color: rgba(0,0,0,0.7) !important; }Regards,
Yigit
- You must be logged in to reply to this topic.