Canvas Support

col one_third without col_last

8 replies · opened May 13, 2016

SspidometrsMay 13, 2016

I use this code:


  {foreach name=kbasecats from=$kbcats item=kbcat}
					
						
							
								[](/knowledgebase/{$kbcat.id})
							
							{$kbcat.name} {$kbcat.numarticles}
							
{$kbcat.description}

						
					  

  {/foreach}

I must place the information in two columns.
My CMS generates categories: Title, Description.
I can not to add some categories col_last, and for other categories do not add col_last.
Or are always without col_last, or always col_last.

Because of this, the conclusion of categories broken.
See screenshot.

You can fix it to the category are placed evenly on the page?

SSemicolon WebSTAFFMay 13, 2016

Hello,

This is Definitely Possible. You can either use the Bootstrap Grid which will work seamlessly or you will need to use some programmable logic with the Custom Grid. Try using the following logic: 

Column';

?>

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

SspidometrsMay 13, 2016

I added logic.
I want to get two columns, but I always get three columns.
See a screenshot of the result.
How can I make two columns?

SspidometrsMay 15, 2016

The problem is not solved.
Can you help me?

SSemicolon WebSTAFFMay 16, 2016

Hello,

Please consider using something like this: 

';
	} else {
		$class = '';
		$clear = '';
	}

	echo 'Column' . $clear;

?>
SspidometrsMay 16, 2016

It breaks the page for desktop computers.
See screenshot 1.

If I change
col_half {
width: 48%;
}
on
width: 33.33%;
Then it works well for desktop computers, but does not work for mobile devices.
See screenshot 2.

How can I fix this? For mobile devices, it should look like the screenshot 3.
This should work for all devices.

Thank you!

SspidometrsMay 16, 2016

screenshot 3

SSemicolon WebSTAFFMay 17, 2016

Hello,

We have just noticed through the Inspect Element in the Screenshots that there is a Serious Error in your Code. You are using the .container Wrapper inside the .postcontent Element which is Highly Incorrect. The .container Wrappers are only used inside Full Width Layouts. Please delete the .container Container and use the Grids as it is without modifying the Grid Widths through CSS. This should automatically fix your issue.

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

SspidometrsMay 17, 2016

Yes, now everything works great!
Many thanks!
You make excellent support!

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