Columns dissapeared when I updated to version 2.0

Hi MaryI,

It looks like you are using some unique column styles in your custom.css file. v2.0 of this plugin now includes its own stylesheet which is enqueued after your custom.css file so it is taking precedent and messing up your layout. It would generate columns correctly had it not been for your custom styles.

The best, and quickest, way to resolve this is to add the following filter to your functions.php file. This will disable the new builtin stylesheet.

add_filter( 'gca_load_column_styles', '__return_false' );

The other option would be to remove the custom column styles in custom.css and then use the class attribute on each shortcode to define a class that you can then apply custom styles to. But just disabling the builtin stylesheet is much easier!!!

Let me know if this resolves the issue, or if you have any additional questions.

Thanks,

Nick

Hi Maryl,

Any luck with this? Can I answer any additional questions?

Nick

Hey Nick,

I went with your second suggestion.

(The other option would be to remove the custom column styles in custom.css and then use the class attribute on each shortcode to define a class that you can then apply custom styles to. )

I removed the original styles from my custom.css file and I added class attributes to my columns. Here’s what I added to my css:

div.gca-column.one-half.first.col1 {
width: 45%;
}
div.gca-column.one-half.col2 {
width: 45%;
margin-left: 6%;
}
div.gca-column.two-fifths.col2 {
margin-left: 6%;
}

The styling is working for the 2/5ths column but I don’t think it’s working on the two-column layouts.

Hi Maryl,

I just checked your website, and the one-half custom styles seem to be working. Can you elaborate on what is not working?

Thanks,
Nick

This isn’t working Nick,

div.gca-column.one-half.col2 {
width: 45%;
margin-left: 6%;
}

I can’t add a margin in the second column so there’s more space between the two columns.

I was able to add a margin on 2/5’s column.

Thanks!

Sorry I truly don’t mean to be pedantic, but have you tried refreshing the page? For me, it seems as though the styles you added to col2 are working. Here is a screenshot of what I am seeing: col2 screenshot

Ugh, I forgot to clear my cache. I’m sorry Nick.

All is well and thanks for your help!

Any time!