Return to previous page

How to change the image dimension of the image

This topic has 4 replies, 2 voices, and was last updated 1 weeks, 4 days ago ago by Alex Carter

Ankit Khandelwal

Participant

April 7, 2025 at 09:29

How do you change the image dimension of the image inside the container?

I want to change the image height proportionally to 3/4

Content is visible for topic creator and
support staff only.

#440018 Copied Theme version: 9.4.10

3 Answers
Alex Carter

Support staff

April 7, 2025 at 10:21
Hello,

Thank you for reaching out to us.

There are a few ways:
– Prepare the image using an image editor before uploading it to the website;
– Custom CSS code for image element:

selector { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; }

– edit settings of the image element https://prnt.sc/fQNjqQX-U4aQ

We hope this information is helpful.

Best Regards,
8Theme’s Team
#440036 Copied
Ankit Khandelwal

Participant

April 7, 2025 at 11:54

how much ppi to be used in this website

#440049 Copied

Alex Carter

Support staff

April 7, 2025 at 12:37

Hello,

Thank you for reaching out to us.

The recommended PPI (pixels per inch) for web design is typically 72 PPI, as this is the standard resolution for most screens and ensures optimal performance and loading speed. However, modern high-resolution displays (such as Retina screens) may benefit from using images at 144 PPI or higher to maintain visual clarity. In such cases, we suggest using higher-resolution images and scaling them appropriately with CSS to ensure both quality and performance.

If you have any specific requirements or further questions, please feel free to let us know.

Best Regards,
8Theme’s Team

#440057 Copied
Viewing 4 results - 1 through 4 (of 4 total)