Aligning text on a page.

Technical Q&A
1

Hi, I’m struggling to align the body of text on my information page with my heading. I have used the below css code to align the heading to the center:

h2 {
text-align: center;
}

…But i can’t seem to do the same for the rest of the text.

Shopify Query.jpg
Shopify Query.jpg2790×956 105 KB

1 Like
2

Can you please share your store’s URL?

3

Yes it’s prideinthemane.shop

Thank You

4

Did you remove the text section from the homepage? Cause I can’t find it

5

I found it. Did you create the html of that page yourself? How did you add the text?

The HTML structure of that text area is bad. So if you wrote the html yourself, I can help you rewrite it so we can easily style it and center it.

But for now try and add this code to ‘base.css’

.page-width.page-width--narrow.section-template--23148276187404__main-padding .rte{
   text-align: center;
}
.page-width.page-width--narrow.section-template--23148276187404__main-padding .rte div{
   display: inline-block;
}

.page-width.page-width--narrow.section-template--23148276187404__main-padding .main-page-title.page-title.h0{
   text-align: center;
}
6

Hi @Christian2

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.page-width.page-width--narrow.section-template--23148276187404__main-padding .rte div {
    margin: auto;
    width: 100% !important;
}

And Save.

result:

Made4uoRibe_0-1722634577935.png
Made4uoRibe_0-1722634577935.png1256×496 22.2 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

7

Thanks so much, this worked perfectly