Archived topic

Div Class="large-4 columns"... tags don't work

4 replies · Started by Stephen Liff-Anderson on March 25, 2015

Viewing posts 1–5 of 5

March 25, 2015 at 9:37 pm #91491

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

March 25, 2015 at 11:36 pm #91505

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 :)

March 26, 2015 at 11:52 am #91797

Grid-columns works like a charm!

Thanks Tom.

March 26, 2015 at 11:58 am #91798

You're welcome! :)

May 21, 2015 at 11:24 am #109419

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

This archived topic is closed to new replies.

Start building better websites today.