How to Overlay Right and Left Columns / Overlay Elements

Posted in: Newspaper
Post count: 25

I would like to know how the following prebuilt About layout is made

I want to duplicate it, make it larger and reverse it so that the image is on the right and text is on the left. I tried everything and played with every button imaginable but nothing seems to work.

When I got close and finally got the text box on the left and image on the right, the text was behind the image.

How do these two element lay over each other?
Is there a way to put all text in one text box and somehow paragraph break where needed as opposed to playing with many text boxes? When I place my copy with paragraphs breaks it goes in as one long paragraph and I don’t want that.
How is the White box around the text made? Is it a border of one of the texts or a seperate element?
How do the several text boxes fit into the White border box?
How do I move an element to the front or back of another element?

Thank you

Post count: 18283

Hello !

This are the settings that I have made on a new ROW: https://www.screencast.com/t/IVpTeC52m56S

After setting the row, set the Column text item as you can see here: https://www.screencast.com/t/21rgzfVyRMPC

Set the single images margins as you can see here: https://www.screencast.com/t/dvJyx7eNuZ Adjust the margins to your desire.

Let me know if this is what you were looking for.

Thank you !

Post count: 25

It is! Can you please clarify what this Margin, Padding, Border in CSS section means and how the numbers correlate to the movement or shape?
-200 is 200 pixels to the left?

Thank you for your time!

Post count: 18283

Hello !

Yes, if you set -200px on the left column, your element will be moved 200px to the left direction. If you set +200px on the left column, the element will move 200px to the right: https://www.screencast.com/t/iwT3ochM

My suggetion is to play with margins. Margin will move the element entirely. Padding will only set a gap between: https://www.screencast.com/t/kLG8VTblvA; https://www.screencast.com/t/aL7eKZngwz

I hope this was helpful !

Thank you !

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.