You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#104137 Setting Equal Columns Not Happening

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Monday, 18 May 2020 11:00 BST

yerg
Inserting 3 columns
All appears well
First row .... The columns aren't even with the content I want.
Second row .... The columns with identical contents is even.

What is happening / not happening?
Both rows have identical code with different contents.

Thanks
--------------------
JCE - 2.8.11
J! - 3.9.18

Ryan
Please post a link to an example on your site.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

yerg
Here you go
Two instances on the front page
Under "Challenging the Norms" and "Review, Focus, Communicate"
Here's an even worse one
Scroll to the bottom

Ryan
The version of Bootstrap your site is using does not include flexbox styles, so add the following to your custom.css file:

[class*="col"] {
    flex: 1;
    max-width: 100%;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

yerg
Thanks so much

I thought I was on the latest Bootstrap
Which version is the latest then?

Ryan
Bootstrap 4 is required for flex css, but your template is using Bootstrap 2.3

It's fine to continue this way, but you should then reconfigure JCE Columns to use the Generic CSS Framework - https://www.joomlacontenteditor.net/support/documentation/columns/configuration - then open and save each of the articles that use Columns (this will convert them back to the generic framework)

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

yerg
Thanks Ryan Completed the update which I'd not realised was causing other issues Still have issues with flexibility Now using this model

<div class="row-fluid show-grid">
	<div class="span6">
	Contents
	</div>
	<div class="span6">
	Contents
	</div>
</div>	

Ryan
Still have issues with flexibility
Now using this model


This is the older Bootstrap way of doing a column grid and does not use flexbox, so would not be compatible with JCE Columns.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.