Adjust image container in blog post

[lifeinterwoven]

Hi the great team,

I am trying to adjust the image size of the bottom right to be the same size as the bottom left. I attached the files here.

The left image container is 570*427.5
The right image container is 570*395.95

If I amend the following css
.spb_image img {
width: 100%;
height: 427.5px;
display: block;
position: relative;
z-index: 2;
}
It change the image size of the one I like but it has also squeezed the top images to be the same size which is unwanted image.

How can I only amend the size of the bottom right image?

Many thanks.
Regards,

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issue.
Thanks
Mohammad

[lifeinterwoven]

Hi Mohammad,

Here it is https://www.lifeinterwoven.org/wp-admin/post.php?post=673&action=edit.

Thank you.
Regards

[Mohammad – SUPPORT]

Hi,
This is the url for Admin dashboard so i cant access it. Just provide me General page url.
Thanks
Mohammad

[lifeinterwoven]

Here it is Mohammad.

https://www.lifeinterwoven.org/?p=673&preview=true

Thanks.

[Kyle – SUPPORT]

Hi

You need to add an extra class to the image you want to apply the css to and use:

.spb_image.extraclass img {
width: 100%;
height: 427.5px;
display: block;
position: relative;
z-index: 2;
}

– Kyle

[lifeinterwoven]

Hi Kyle,

I am sorry the code you suggested didn’t change the image to be 427.5px height. However, I’ve tried by using Toggle bar to change and found that it takes effect if I added the height in the Element of img.attachment-full.size-full to be height:427.5px; It is what I expect, please see in the screenshot (…08:16:41.png). So I checked the code from inline which is the following class:

.img.wrap.img.attachment-full.size-full {
height: 427.5px;

But when I added this code in the custom CSS/JS (…08:18:48.png), it didn’t work (…08:21:30.png). The element was supposed to be changed did nothing.

What is your opinion?

Many thanks
Regards,

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Did you add the extra class extraclass to each image asset in the PB? I do not see that in the code.

You need to do that before adding the actual CSS to Theme Options => Custom CSS.

Thanks,
David.

[lifeinterwoven]

Hi Dave,

Thanks very much and sorry for a late reply. It’s great and resolved.

Regards,

[Kyle – SUPPORT]

Great, thanks David

– Kyle