Skip to content
Public Ticket #1735

centering columns

Conversation thread

PenciDesign replied

Staff Reply

Hi,

Because you did override the CSS of column shortcode to 25% width.

Please add more this code to Customize > Custom CSS to make it break on mobile:

\
@media only screen and (max-width: 960px){\
.column-1-4 p, .column-1-4 a img.alignnone{ margin-bottom: 0; }\
.column-1-4{ width: 50%;  }\
}
\ @media only screen and (max-width: 480px){\ .column-1-4{ width: 100%; }\ }
\

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that:

\
.column-1-4 { width: 25%; text-align: center; }

And you has an item wrong on the list - check this image, It's not in columns, please put it inside to columns shortcodes.

Best Regards,

PenciDesign

Anders Pico started the conversation

Conversation Start

I created a couple of pages where I've used columns, but the columns are not centered to the page. How to do I do that? 

Want to join this conversation or access attachments? Sign in first.