Return to previous page

How to make the blog page images display in same size

This topic has 9 replies, 3 voices, and was last updated 1 years, 3 months ago ago by Tony Rodriguez

cheyingtan

Participant

July 25, 2023 at 04:52

Hi support,

Each blog post is using images with different sizes, some is in rectangular some in square.

Due to this, the blog page is not align properly, how do i set the css so that all of them using the same height in blog page but not affecting the image size in the individual post?

Thanks in advanced.

Please, contact administrator
for this information.

#362864 Copied Theme version: 9.1.9

8 Answers
Tony Rodriguez

Support staff

July 25, 2023 at 08:24
Hello @cheyingtan,

You can adjust the post image size for the blog page to a custom size from Xstore >> Theme Options >> Blog >> Blog Layout >> Post Designs according to your needs.

Alternatively, if you only want to change the image height, you can use the following Custom CSS and adjust the height value as desired:
```
.blog article.blog-post .wp-picture, article.post-grid .wp-picture {
    height: 350px !important;
}
```
Best Regards,
8Theme’s Team
#362891 Copied
cheyingtan

Participant

July 25, 2023 at 09:37

Hi, thanks for the reply.

I applied the css and it works, however it make the image become blurry, is there any way to improve this?

Thanks

#362911 Copied

Rose Tyler

Support staff

July 25, 2023 at 13:20

Hello @cheyingtan,

In this case, please delete the custom code, and go to Theme Options > Blog > Blog layout > set Post Image Size, for example: 437×300

Best Regards,
8Theme’s Team

#362927 Copied

cheyingtan

Participant

July 25, 2023 at 16:10

Hello @Rose Tyler, i try add in 437×300 as u suggested, but it doesnt work…still show the full image…

#362952 Copied

Tony Rodriguez

Support staff

July 26, 2023 at 06:37

Hello @cheyingtan,

We request that you provide us with the URL and temporary access to the wp-admin of your website. This will enable us to take a closer look at your settings and provide you with a more accurate and specific solution.

To do this, please follow these steps:

– Create an account via Dashboard (Users > Add new) with an administrator role. Refer to the following image for guidance: http://prntscr.com/s3rc9m
– Provide us with the username and password for the newly created account via the Private Content area. Refer to the following image for guidance: http://prntscr.com/s5mao7
– Any email address can be used for the new account, it does not have to be your personal email.

Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

Best Regards,
8Theme’s Team

#362968 Copied

Rose Tyler

Support staff

July 26, 2023 at 06:48

Hello @cheyingtan,

Please try to Regenerate Thumbnails. You can use the Regenerate thumbnails plugin to do this https://wordpress.org/plugins/regenerate-thumbnails/

Kind Regards,
8theme team

#362970 Copied

cheyingtan

Participant

July 26, 2023 at 08:18

Hi @Tony Rodriguez, i shared u the admin details in private area.

Please contact administrator
for this information.

#362982 Copied

Tony Rodriguez

Support staff

July 26, 2023 at 08:37

Hello @cheyingtan,

Thank you for providing us with the login details. We have attempted to resolve the issue on your site. Please review the page again after clearing the cache and let us know the result at https://brisbane.ministrikers.com.au/club-news/.

It appears to be working correctly now and the images are no longer blurry.

Best Regards,
8Theme’s Team

#362983 Copied
Tagged: blog, display, images, same size, templates, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)