Keep portfolio boxes aligned in rows

6 replies · opened Apr 11, 2019

Jjd_in_sbApr 11, 2019

My portfolio feature boxes were setup such that the rows were evenly aligned. When I added descriptions, which made the boxes varying heights, the rows are no longer evenly aligned but instead staggered vertically.

Do portfolio's have the option to stay in even rows regardless of height of each box? I would like all the top of each row of boxes to remain level, regardless of the height of the boxes.

Thanks

Jjd_in_sbApr 12, 2019

I don't think that adding a container of <div class="row"></div> around every row will work because I am using filtering and the items in each row will change.

Jjd_in_sbApr 12, 2019

It appears that wrapping it with <div class=”row”></div> DOES solve the problem

Jjd_in_sbApr 13, 2019

it solves the problem BUT filtering no longer works so I still need help, thanks

SSemicolon WebSTAFFApr 14, 2019

Hello,

This is Definitely Possible!

Simply add the data-layout="fitRows" Attribute to the .grid-container Element. Example:


	...

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Jjd_in_sbApr 17, 2019

works perfectly Thanks helping me find that!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard