iamho

@takayukister
Appreciate the reply.

Is there no other way to fix it other than switching to default theme?

Hello, anyone?
@hiteshmakvana
@ashokdudhat

@hiteshmakvana

Hi,

The code that you provided,

.wpem-col-xs-12.wpem-col-sm-7.wpem-col-md-8.wpem-single-event-images {
width: 20%;
}

causes my event page that has only 1 image become distorted. When I remove that code, the single image becomes normal again.

@hiteshmakvana

Hi,

I have added both code into my CSS but the images still look distorted.

@hiteshmakvana

Hi,

I am a little confused here.

Do I add only

.wpem-col-xs-12.wpem-col-sm-7.wpem-col-md-8.wpem-single-event-images {
width: 20%;
}

or

.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img {
width: 900px;
height: 500px;
}

too

in my CSS?

@hiteshmakvana

Hi thanks for the reply.

So all I do is to add this code

.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img {
width: 900px;
height: 500px;
}

Correct? But in where I add the code?

Thanks!

@ashokdudhat

Hi thanks for the reply.

Link 1: https://starryhomestead.com/event/starry-fiesta-hari-raya-event/
Link 2: https://starryhomestead.com/event/starry-fiesta-hari-raya-event-2/

Link 1 is the event that is currently on-going so I cloned a page of it and added a few images which is in link 2.

As you can see, with just 1 image in link 1, the image looks completely fine. But as you can see in link 2, the images look completely distorted when I add more than one image.
Also, why do the details’ position change when I add more than one image?

Kindly advise

Thank you!