Docs

[moathworks]

Hello,

Can you help me centering columns in the row in this page
http://www.ozonekids.tv/#what_we_do

I have added a border to the row to make it clear.

Thank you.

[Joao]

Hi There,

What specific columns/rows you are referring to?

Thanks

Joao

[moathworks]

VIDEO PRODUCTION, ANIMATION, WRITING &DEVELOPING and INFOGRAPHICS columns in (What We Do) Section.

Thank you.

[Lely]

Hi There,

Please add text-align: center;max-width: 912px; on the row style field. Please note that adding width in px is not advisable because it is not responsive. It would be better if we we can use percent so it will respond better if the screen is resize.

Hope this helps.

[moathworks]

Thanks,
It works for large screen only, but if I reduce the browser size it will align left. I want it centerd in all screen sizes.

[Paul R]

Hi,

To center it, you can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 767px) {
#what_we_do .x-column.x-sm {
    margin: 10px auto !important;
}
}

@media (max-width: 979px) {
   #what_we_do .x-column.x-sm { 
      float:none;
      display:inline-block;
      vertical-align:top;
   }
}

Hope that helps.

[moathworks]

Thank you

[Joao]

You are welcome 🙂

[Author]

Posts