[mathijs84Participant]

Hi,

On one of the pages on trans-fleur.work-planning.com i want to create this image section (see attached screenshot)

Can you please let me know how to achieve this? Thanks!

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

Your screenshot is not uploaded due to our file-size limit of 512KB.

Thanks.

[mathijs84Participant]

Ok, here it is: http://prnt.sc/eju504

[RupokMember]

Hi there,

Looks like you want a gallery. You can use our integrated plugin Envira Gallery to create this – https://community.theme.co/kb/integrated-plugins-envira-gallery/

Cheers!

[mathijs84Participant]

Ok but how do you set it up to get this lay-out? with 1 big picture on the left and 4 small ones on the right!

[ChristopherModerator]

Hi there,

Please divide section into two columns and enable Marginless columns. Add image to left column and insert mbn in its class field. Drag and drop text element to right column and insert following code :

<div class="x-container marginless-columns">
	<div class="x-column x-1-2 x-sm"><img src="Add image URL"></div>
	<div class="x-column x-1-2 x-sm"><img src="Add image URL"></div>
</div> 
<div class="x-container marginless-columns">
	<div class="x-column x-1-2 x-sm"><img src="Add image URL"></div>
	<div class="x-column x-1-2 x-sm"><img src="Add image URL"></div>
</div> 

Hope it helps.

[mathijs84Participant]

Thanks i used it in a little different way, see -> http://trans-fleur.work-planning.com/over-ons-2-2/

Is it possible to divide the images with a little white line??

[JoaoModerator]

Hi There,

You can click on each column, turn on the border and add a white 2 px border.

Please see image attached.

Hope it helps

Joao

[Author]

Posts