How to make the blog page images display in same size

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

  • Avatar: cheyingtan
    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.
    8 Answers
    Avatar: Tony Rodriguez
    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

    Avatar: cheyingtan
    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

    Avatar: Rose Tyler
    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

    Avatar: cheyingtan
    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…

    Avatar: Tony Rodriguez
    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

    Avatar: Rose Tyler
    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

    Avatar: cheyingtan
    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.
    Avatar: Tony Rodriguez
    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

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.