Rich text and image position- Prestige Theme

[mayish]

Right now the image is aligned to the left, and I would like to align both the rich text and the image to the middle of the page, keep the text aligned to the left. 

 

[Ahsan_ANC · Accepted solution]

Hi, @mayish 

You can try this code

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

.AspectRatio {
    margin-left: auto !important;
    margin-right: 0 !important;
}
.FeatureText__ContentWrapper {
    padding-left: 5px !important;
}
.FeatureText__Content {
    margin-right: 0 !important;
}

[Ahsan_ANC]

Plz share your store URL and password

[mayish]

http://mayaishshalom.myshopify.com
(maya)
Thank you!

[Ahsan_ANC · Accepted solution]

Hi, @mayish 

You can try this code

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

.AspectRatio {
    margin-left: auto !important;
    margin-right: 0 !important;
}
.FeatureText__ContentWrapper {
    padding-left: 5px !important;
}
.FeatureText__Content {
    margin-right: 0 !important;
}

[mayish]

Thank you so much for you help!! It worked!

two more questions: 

1- how do I add a 20px space between the text and the image?

2- On the mobile, how do I center the image? Right now its aligned to the right?

[Ahsan_ANC · Accepted solution]

plz add this code to the bottom of theme.css file

.FeatureText__ContentWrapper {
padding-left: 40px !important;
}
@media(max-width:786px){
.AspectRatio {
margin-left: auto !important;
margin-right: auto !important;
}}

[mayish]

Thank you so much, Ahsan!

[PCGennevilliers]

Hey there, same issue here but the code you provided doesn't change anything. I tried it both in theme.css and in personnalised css but to no effect. Would you have any idea why?

Thanks a lot!!

[Ahsan_ANC]

Plz share your store URL so i can provide you with exact code