[Resolved] Div Class="large-4 columns"… tags don't work

[Stephen Liff-Anderson]

Hi Tom,

I set up my whole site with another theme (Apex) and formatted the content into columns using this code:

CONTENT HERE

Then I switched the theme to GeneratePress because I liked many of the features. However, what used to format correctly not longer does. No matter what width I set the layout to (even max of 1500) all the column text ends up stacked vertically.

I asked a friend who is a css coder to look at it, and he wondered if the theme was broken, ie the browser sniffer incorrectly resizes my pages’ content to tablet mode.

If you want to see this in action, visit http://www.ionPOS.com

Thanks,
Stephen

[Tom]

Hi there,

Theme definitely isn’t broken, it just doesn’t include the same CSS styles as your old theme.

This is why it’s usually a good thing to get column codes from plugins, as you can switch themes freely without losing the formatting of your content.

Here’s one plugin I like: https://wordpress.org/plugins/lightweight-grid-columns/

You can also make use of the built in CSS framework in GeneratePress, but doing so will lock you into GP, and if you switch themes again, you’ll need to switch the column codes again. If you’re interested, you can learn more about it here: http://unsemantic.com/

Hope this helps 🙂

[Stephen Liff-Anderson]

Grid-columns works like a charm!

Thanks Tom.

[Tom]

You’re welcome! 🙂

[Tom]

I released my own grid columns plugin!: https://wordpress.org/plugins/lightweight-grid-columns/

[Author]

Posts