Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #761474

    Hi

    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,
    Corina

    #761477

    Hey Corina!

    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/

    Regards,
    Yigit

    #761492

    Hey Yigit

    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

    #761496

    Hi 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 :)

    Cheers!
    Yigit

    #761499

    Hi Yigit

    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:

    .grid-right {
    background: rgba(39, 63, 113, .5);
    }

    .grid-bg {
    background-attachment: scroll;
    background-image: url(“http://www.drminyeo.com.au/wp-content/uploads/2017/02/Bronte_corinaschurmann.jpg”);
    background-position: center center;
    background-repeat: no-repeat;
    }

    Just in case anyone is interested.
    Thanks Yigit for your super quick response, much appreciated.
    All the best,
    Corina

    #761508

    Hey!

    You are welcome!
    Glad you figured it out and thanks for sharing your solution :)

    Cheers!
    Yigit

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

The topic ‘Split Screen within Colour Section’ is closed to new replies.