Layouts - first column width calculated incorrectly
Permalink 1 user found helpful
Hi There,
I'm trying to track down an issue when using layouts where the first column is always slightly wider than the others.
The CSS c5 generates seems to enter the correct width (25% on a 4col layout) but the following class shifts the first column to the left - creating extra space (and width) on the right.
I've spent an hour triple checking the theme css and have tried removing all css (including resets) except the containing page widths:
But in all instances, Layouts still creates a first column that is wider than the rest.
I realise the css that generates the layouts could be a bit out of date and that you can't use a custom template to get it inserting say Bootstrap's layout markup (which would be awesome BTW) but has anyone else encountered this?
Any help would be much appreciated.
Cheers
Ben
I'm trying to track down an issue when using layouts where the first column is always slightly wider than the others.
The CSS c5 generates seems to enter the correct width (25% on a 4col layout) but the following class shifts the first column to the left - creating extra space (and width) on the right.
.ccm-layout .first .ccm-layout-col-spacing { margin-left: 0 !important; }
I've spent an hour triple checking the theme css and have tried removing all css (including resets) except the containing page widths:
.page {width:980px; margin:0 auto;}/*sets main page width and centres elements on the page*/ .cont {width:960px; padding:0 0 0 20px;}/*sets content width*/
But in all instances, Layouts still creates a first column that is wider than the rest.
I realise the css that generates the layouts could be a bit out of date and that you can't use a custom template to get it inserting say Bootstrap's layout markup (which would be awesome BTW) but has anyone else encountered this?
Any help would be much appreciated.
Cheers
Ben
My theme is not responsive - I still haven't tracked down the cause either.
It's a shame you can't define a template for layouts - like block templates.
It's a shame you can't define a template for layouts - like block templates.
Does your theme make use of
selectors?
:first-child :last-child
selectors?
It does, but I've checked the CSS and there's nothing there causing the issue.
This may be of use, although I haven't tested it.
http://www.concrete5.org/marketplace/addons/area_splitter/...
http://www.concrete5.org/marketplace/addons/area_splitter/...
Nice - will check that out
As the CSS for layouts (I believe) is dynamically created, I can't track down where to find the ".ccm" classes to edit them.
Cmscss... is your template responsive? Mine is the 'Slate' theme from c5mix. I wondered if this is an issue with responsive templates or all templates?
Any ideas C5 community?
Russ