Adjust margin in About us page

Solved
Highlighted
Excursionist
39 0 10

Hello all,

I have created my own "About us" page but I need the text to appear centered in it.

I can't do it with the editing options of the page so I need some advice on how to do it with code.

The page is https://duchessluxuryboutique.com/pages/about-us

I will send store password upon request on a private message.

 

Regards,

Marcos

 

1 Like
Highlighted

Hello @DuchessLB 

Please share your site password.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Partner
7469 1032 2595

@DuchessLB 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.grid__item.medium-up--five-sixths.medium-up--push-one-twelfth {
    left: 0;
    width: 100%;
    text-align: center;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
39 0 10

Hello KetanKumar,

The code centers every line in the center of the page giving a strange effect.

I need to move the text as a block with the indentation it has right now and just move it to the center.

 

Regards,

DuchessLB

0 Likes
Highlighted

This is an accepted solution.

Hello @DuchessLB 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.page-container .grid__item .rte {
	text-align: justify;
	margin: 0 auto;
	width: 75%;
}

Hope this will work for you.
Thanks!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Excursionist
39 0 10

Hello ocsprofessional,

It worked like a charm!

Thank you very much.

 

Regards,

DuchesLB

 

0 Likes
Highlighted
Tourist
7 0 0

This did not work for me. Are you able to assist?

0 Likes