Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Help! how to create a splitscreen section



Site URL: http://www.goodstuff.ventures/

I created a split screen section for a website, but the code does not work very well. I have issues with the height - sometimes  the content overflows and is then hidden.

Is there a way to create this, as a code block for example? 
It is not the usual splitscreen, with one image and texts. 
I need a different background color for each part, and they have to be outlined in yellow (designer's wish).
you can see what I did in the link provided, and
here is an image:


Any idea how to do this ?
Is there a simple way using a code block, hardcoded ?

Link to comment

6 answers to this question

Recommended Posts

  • 0

@GSv great! I know you're trying to use a code block to achieve this, and have mentioned that you didn't want to use image blocks. But you can definitely use image blocks (portrait layout) but then you hide the images and add a background to each of these images separately and it is quite easy. You can also add a color hover effect if you want the color to change when hovering over the content. 

If you can, share how you fixed it 😉  and good luck! The site is looking great!

Link to comment
  • 0

Thanks for the suggestion - I wasnt aware using image blocks you can add text over it, using the full width and achieve this. 
I will check that out!

Edit: the responsiveness has still to be fixed - once I got this, I will share the code!

Edited by GSv
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...