Help make rich text image display smaller - Prestige theme

[Ellibelle]

Please, could someone tell me how to make the image appear smaller on desktop and mobile, and also moved over to the left a little on desktop? I am using the Prestige theme.

URL - https://ellibellejewellery.com/

[amanbatra]

Hello @Ellibelle

You can simply manage this at your end either using media query in the CSS or you can hire a developer who will do code to provide you with different settings for mobile and desktop image.

[BSS-Commerce]

Hi @Ellibelle

Please follow these steps:

1 Go to Shopify admin → Online store → Edit code:

2. Then find the theme.css file and add the following code at the end of the file:

#shopify-section-template--16663848419556__778497dc-a923-48ec-8365-d8e2c277efc0 .FeatureText__ImageWrapper .Image--slideRight {
   height: 80%;
   width: 80%;
   margin-left: auto;
   margin-right: auto;
   right: 0;
   text-align: center;
}

• Here is the result:

• On PC:

• On Mobile:

I hope that it will work for your site.

[Ellibelle]

Thank you very much!

[Ellibelle]

I have had to update the image to 2023 version, but now the size has changed. Can you provide me with a new code for this updated image, Please?

[BSS-Commerce]

Hi @Ellibelle

You can change the new code as follows:

#shopify-section-template--16702018683108__778497dc-a923-48ec-8365-d8e2c277efc0 .FeatureText__ImageWrapper .AspectRatio {
  max-width: 340px !important;
  margin: 20px auto;
}

• On PC:

• On mobile:

We hope that this can help you.

[Ellibelle]

Thank you so much!