Debut theme custom page images not aligning in table

Solved
colsanderson
Tourist
5 0 1

Hi there 

I have a custom page with a table and in each cell there is a picture and some text. The pictures are all the same size 480x640 and when inserted are set to original size. However some of the cells make the images bigger which then changes the alignment of the text as well. Any help appreciated!

 

colsanderson_0-1631936417675.png

 

0 Likes
dmwwebartisan
Shopify Partner
9122 2112 2881

@colsanderson 

Please share store URL.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
dmwwebartisan
Shopify Partner
9122 2112 2881

@colsanderson 

Please add the following code at the bottom of your assets/theme.css file.

#PageContainer .rte img {
    height: auto;
    max-height: 372px !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
colsanderson
Tourist
5 0 1

Amazing thank you! Worked like a charm  

dmwwebartisan
Shopify Partner
9122 2112 2881

@colsanderson 

If helpful then please Like Solution

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
colsanderson
Tourist
5 0 1

@dmwwebartisan just noticed that on mobile the issue is still there - is there some css code to handle that?

0 Likes
dmwwebartisan
Shopify Partner
9122 2112 2881

This is an accepted solution.

@colsanderson 

Add css following css class for mobile 

@media only screen and (max-width: 749px) {
#PageContainer .rte img { height: auto; max-height: 120px!important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
colsanderson
Tourist
5 0 1

awesome, thanks!

0 Likes