I spent a good chunk of time scratching my head trying to figure out why a full width, custom lay out of 1, 2, 2, 2, 2, 2, 1 wasn't centered (since it totals 12, it should have been perfectly fit to the page). I narrowed it down to the fact that the span1's were too small, but it took me forever to figure out why.
After much testing (and missing a few obvious clues), I discovered that the css file under salient/css/rgs.css overwrites the grid layout to remove margins, and rewrites the widths to use exact twelths. The problem is that it's missing the width property for span1.
To see what I mean, open that file, and scroll down to /* full width content columns */
You can see it starts with span2 and skips setting the span1 width correctly.
To fix, simply add: .full-width-content.vc_row-fluid .vc_span1 { width: 8.33%; }
I spent a good chunk of time scratching my head trying to figure out why a full width, custom lay out of 1, 2, 2, 2, 2, 2, 1 wasn't centered (since it totals 12, it should have been perfectly fit to the page). I narrowed it down to the fact that the span1's were too small, but it took me forever to figure out why.
After much testing (and missing a few obvious clues), I discovered that the css file under salient/css/rgs.css overwrites the grid layout to remove margins, and rewrites the widths to use exact twelths. The problem is that it's missing the width property for span1.
To see what I mean, open that file, and scroll down to /* full width content columns */
You can see it starts with span2 and skips setting the span1 width correctly.
To fix, simply add:
.full-width-content.vc_row-fluid .vc_span1 { width: 8.33%; }
Hey James,
thanks for mentioning!
Cheers
My pleasure! Just wanted to make sure others could receive help from my work. Thanks for the theme!