Solved

Rich text and image position- Prestige Theme

mayish
Tourist
10 0 2

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

Accepted Solutions (2)
Ahsan_ANC
Shopify Partner
1392 253 323

This is an 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;
}

 

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search

View solution in original post

Ahsan_ANC
Shopify Partner
1392 253 323

This is an 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;
}}

 

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search

View solution in original post

Replies 8 (8)

Ahsan_ANC
Shopify Partner
1392 253 323

Plz share your store URL and password

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
mayish
Tourist
10 0 2
Ahsan_ANC
Shopify Partner
1392 253 323

This is an 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;
}

 

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
mayish
Tourist
10 0 2

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
Shopify Partner
1392 253 323

This is an 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;
}}

 

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
mayish
Tourist
10 0 2

Thank you so much, Ahsan!

PCGennevilliers
Visitor
2 0 0

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
Shopify Partner
1392 253 323

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

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search