Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 8, 2015 at 9:11 pm #549225
    stacieclark

    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:

    • This topic was modified 8 years, 6 months ago by stacieclark.
    December 8, 2015 at 9:17 pm #549228
    Basilis

    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!
    Basilis

    December 8, 2015 at 9:22 pm #549230
    stacieclark

    On 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.

    December 9, 2015 at 12:01 am #549325
    Yigit

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.