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

Help! how to create a splitscreen section


GSv

Question

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

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


image.thumb.png.49b1d28209d564494acbe2211df473ec.pngI

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

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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 fixe

ha I am just fixing that with someone's help 🙂 but it is quite complicated to achieve apparently. Almost there !

@lu.diehl I ended up using help from https://www.will-myers.com/ - so I cannot really  share his code here, that would not be fair for his hard work 🙂

Posted Images

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 post
  • 0
Posted (edited)

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 post

Create an account or sign in to comment

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


×
×
  • Create New...