I am trying to achieve a split screen in a colour section. I inserted a colour section with a background image and then 2 columns inside with no margin and equal height, no space between columns. Alignment top.
I would like that the blue transparent background of the right column covers half the page (ie the right-hand side of the screen) to the border of the colour section container… but I don’t seem to be able to figure it out… Would you have any insight?
The link to the website is below.
Thanks so much & all the best,
Please consider using Grid Row element instead. It would give you the exact layout you are looking for :)
Examples can be seen on demo site here – http://kriesi.at/themes/enfold-2017/elements/grid-row/
I understand that but I could not find how to have the background image go across the whole page… or am I wrong?
Thanks so much, Corina
You can simply hover on your grid cells and click this blue button – http://i.imgur.com/UISDQxr.png to edit your cell and you can change its background color there :)
Yes I understand that I can do that but I would like to have one background image that goes across both cells… and have the right cell to be transparent… I just figured it out… with the following code via custom css:
background: rgba(39, 63, 113, .5);
background-position: center center;
Just in case anyone is interested.
Thanks Yigit for your super quick response, much appreciated.
All the best,
The topic ‘Split Screen within Colour Section’ is closed to new replies.