topic Re: Make center text center aligned in CMS Development

Make center text center aligned

NisantaSahoo — Wed, 07 Sep 2022 21:14:08 GMT

Hello,

I believe this code is making my text column-wise and I am unable to make it center aligned
<div class="grid__col grid__col--1of2">.

Can someone help with what code I should use the make the text center aligned?

PS. I have limited coding skills 🙂

Re: Make center text center aligned

Anton — Thu, 08 Sep 2022 05:37:52 GMT

Hi @NisantaSahoo,

if you want to center the text in the column. You can:

add inline-styling

like this

to it. It will work, but I don't recommend inline-styling

create a simple CSS class

like this

module/template(or where ever this div is)

Your main CSS file:

.text-centered{ text-align:center; }

This will give you more control over media queries(responsiveness).

best,

Anton

Re: Make center text center aligned

NisantaSahoo — Thu, 08 Sep 2022 06:02:30 GMT

Hi Anton,

Thanks a lot for the response, but I do not want the text to be centered inside the column. That's not my purpose, I want it to be center aligned on the page. Please take a look at the design layout

Re: Make center text center aligned

Anton — Thu, 08 Sep 2022 07:50:58 GMT

Hi @NisantaSahoo,

could you please post a preview link to the page (not template)?

Thank you

Anton

Re: Make center text center aligned

NisantaSahoo — Thu, 08 Sep 2022 08:49:23 GMT

I didn't get you, the page is not published yet

Re: Make center text center aligned

JanetArmstrong — Thu, 08 Sep 2022 14:28:08 GMT

There are horizontal spacer modules you can put to the left and right to reduce the width and center your content. Or you can use css and give it a maximum width and center it with auto margin, but sounds like you want to avoid code.