Rich text and image position- Prestige Theme

Store Design
1

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.

Screen-Shot-2022-07-24-at-11.32.52 copy.jpg
Screen-Shot-2022-07-24-at-11.32.52 copy.jpg3512×934 121 KB

2

Plz share your store URL and password

3

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

1 Like
4

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

5

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;
}
1 Like
6

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?

7

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;
}}
1 Like
8

Thank you so much, Ahsan!

9

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!!