How to adjust multicolumn max image width in Dawn theme?

Technical Q&A
, ,
1

Hi how do I edit the multicolumn section’s max image width?

Currently one of my images looks like this:

IamAnonymous_0-1670069921735.png
IamAnonymous_0-1670069921735.png465×661 18.6 KB

It’s supposed to be 467x500 but it’s not.

IamAnonymous_1-1670070008681.png
IamAnonymous_1-1670070008681.png1515×359 54.5 KB

2

Hi @IamAnonymous

It’s a little difficult to check as you didn’t provide the image’s detailed HTML code and style attributes. I hope you can share your store link so we can check it more easily.

However, please try going to the base.css, then scroll to the bottom and add the following:

** Use CSS selector to poke around HTML and edit style.

.parent_element_img {

Width: 460px;

height: 460px;

}

.parent_element_img img {

width: 100%; (change if you want the image to be smaller)

height: 100%;

transform: translate(x,y); (if the image is not in the correct position, add this line and change x, y )

}

For example:

view (83).png
view (83).png1395×834 72.9 KB

.lia-message-body-content .lia-inline-image-display-wrapper .lia-message-image-wrapper {
 Width: 460px;
 height: 500px;

}

.lia-message-body-content .lia-inline-image-display-wrapper .lia-message-image-wrapper img {
 width: 100%;
 height: 100%;
}

I hope that it will work for you.

3

Hello @IamAnonymous ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team