Docs

[mattdmedia]

Hi,

I was working if you had any suggestions to break the rows layout to achieve the attached look. I’ve tried everything I can think off- marginless columns, changing the widths of the images, images within column shortcodes, padding and adjusting margins ect.

Is there a way to give each row a custom size with some CSS?

Thank so much, any suggestions would help!

[Paul R]

Hi,

You can achieve that columns and blockgrid.

eg.

[column type="1/2"]
   [block_grid type="two-up"] 
        [block_grid_item] [image src="http://yoursite.com/image.jpg" alt="Place Alt Text Here" type="thumbnail"] [/block_grid_item] 
	[block_grid_item] [image src="http://yoursite.com/image.jpg" alt="Place Alt Text Here" type="thumbnail"] [/block_grid_item] [block_grid_item] [image src="http://yoursite.com/image.jpg" alt="Place Alt Text Here" type="thumbnail"] [/block_grid_item] [block_grid_item] [image src="http://yoursite.com/image.jpg" alt="Place Alt Text Here" type="thumbnail"] [/block_grid_item]
   [/block_grid]
   [gap size="10px"]
   [image src="http://yoursite.com/image.jpg" alt="Place Alt Text Here" type="thumbnail"]
[/column]

[column type="1/2" last="true"] 
   Place your content in here. 
[/column]

Columns

Block Grid

Hope that helps.

[mattdmedia]

Thanks Paul! I’ve used the columns but didn’t think of the block grid, Great trick.

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts