Centering text

[martian7]

hello,

in the top section 1, column 2 element, i managed to get the text on laptop size to look centered vertically and horizontally, but when i go to mobile the spacing is off. whats the best way to do this?

Redlands Orofacial Myology

appreciate your help.

[Prasant]

Hello @martian7,

Thanks for asking. Text’s in your website looks fine on my end. Please see screenshots https://screencast.com/t/yg4kTfoYTDE, https://screencast.com/t/3bmwTOl1Pq

Can you please confirm? Also will it be possible for you to share few screenshots of problem you are facing regarding text spacing?

Thanks.

[martian7]

hi prasant,

actually im speaking of the first section one with the “Our goal is to help people of all ages improve their quality of life by successfully overcoming orofacial myofunctional disorders.” text on the right of an image.

on the mobile the spacing is off.

see screenshot.

[ruenel]

Hello There,

Thank you for the clarifications. To resolve your issue, please edit it back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 767px){
  .el5.x-column.x-sm.x-1-3 {
    padding-left: 5% !important;  
    padding-right: 5% !important;
    padding-bottom: 5% !important;  
  }  
}

We would loved to know if this has work for you. Thank you.

[martian7]

Yes that seems to work. Where do you find the ID of that column? Thanks!

[Joao]

Hi There,

You need to inspect the element with the right button of your mouse.

If you are not familiar with the inspecting tools, I would recommend watching some tutorials on CSS.

The video tutorial CSS basics of DevTips channel on youtube is great.

Hope it helps