Debut theme custom page images not aligning in table

Store Design
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
colsanderson_0-1631936417675.png1414×863 300 KB

2

@colsanderson

Please share store URL.

Thanks!

3

@dmwwebartisan

https://foreverphotobooks.com/pages/options

pw: maogle

Thanks!

4

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

1 Like
5

Amazing thank you! Worked like a charm :slightly_smiling_face:

1 Like
6

@colsanderson

If helpful then please Like Solution

7

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

8

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

1 Like
9

awesome, thanks!