Prestige - Rich Text with Image want to resize - make smaller

Store Design
,
1

I am using Prestige theme and want to have about five “Rich Text” with images sections on the page. The page automatically goes full width and it is too big. If I change the width of the table (currently 100%) to something smaller, it will do it nicely, but the table is left-justified - but I want it to be centered. Attached is screenshot of the width changed to 80%, but I want that to be centered if possible. Thank you for your help!

Screenshot 2023-01-27 at 10-23-16 Best in Show.png
Screenshot 2023-01-27 at 10-23-16 Best in Show.png1824×737 224 KB

2

Figured it out!

3

Hi there!

Could you point me to the solution?

I am having same issue.

Thanks!

4

@Beercis I don’t remember exactly what I changed but I think I had to force important and also adjusted the width %. Here is the code I have in my theme.css that goes with the rich text. Hopefully it helps you!

@media screen and (max-width: 640px) {
.FeatureText–imageLeft {
display: flex;
flex-direction: column;
width: 90% !important;
margin: auto !important;
}

.FeatureText–imageRight {
display: flex;
flex-direction: column-reverse;
width: 90% !important;
margin: auto !important;
}
}

@media screen and (min-width: 641px) {
.FeatureText__Content {
max-width: 430px;
margin: 0 auto;
}

.FeatureText–withImage {
display: table;
width: 70% !important;
text-align: left;
table-layout: fixed;
margin: auto !important;
}