Need to move text to centre position (headers and footers info and contact forms

[RomeMila]

Hello! 

im trying to make all text on my site to be center oriented (currently it’s all to the left of the screen) 

this is headers, footers and boxes etc on contact page. 

any help would be appreciated. Thanks in advance! 

url: https://1c6819-9b.myshopify.com/products/bunny-comforters

[PageFly-Henry]

Hi @RomeMila 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

header.header.header--middle-left.header--mobile-left.page-width.header--has-menu.header--has-social {

    grid-template-columns: 1fr auto 1fr !important;

}

.footer__content-bottom-wrapper.page-width {

    justify-content: center !important;

}

h2.related-products__heading.inline-richtext.h2 {

    text-align: center;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[RomeMila]

Thanks so much for the reply! Its only moved partial sections. For example my header of Contact, Products ETC, Subscribe to emails did not move.

Id also love for the product description name/ content to also be centered vs to the left if you could please assist 🙂

Thank you!  

[PageFly-Henry]

You can try with this code:

.main-page-title, collection-hero__title {
text-align: center !important;
}
.footer-block__newsletter {
display: flex !important;
flex-direction: column;
align-items: center !important;
}