Reposition images in grid

  • travelgrapherofficial · Member ·

    Hi Taras,

    I have two questions:

    1) Is it possible to reposition the images in the grid, just as you can do with the object-position property for featured images? Let’s say I want the center of the image being tilted to the left or right. See example here: https://travelgrapherblog.files.wordpress.com/2021/05/screenshot-2021-05-01-at-13.03.29.png

    2) The resolution of the thumbnails in the Top Posts & Pages widget (shown in my footer) is extremely poor. I think it started a while ago when the theme got updated. Any ideas why? See example here: https://travelgrapherblog.files.wordpress.com/2021/05/screenshot-2021-05-01-at-13.04.25.png

    Thanks for all help on this killer theme.

    Best,

    Erik

    The blog I need help with is: (visible only to logged in users)

  • tarasdashkevych · Theme Author ·

    Hello Erik,

    “Is it possible to reposition the images in the grid, just as you can do with the object-position property for featured images?”
    – Unfortunate, it’s not possible to set position for the specific featured image shown in archive view grid.

    However, you can set a global position for all featured image shown in archive views:

    
.hentry-grid .th-featured-image {
  object-position: left bottom;
}

    —

    “I think it started a while ago when the theme got updated. Any ideas why?”
    – I do not think that the quality of these images is related to the theme updates because the theme update did not include any functionality that can affect that specific widget.

    I’ve inspected images located in this widget, and it looks like the widget automatically resizes the size of the image shown in this widget. Here is an example of the image URL used in the widget:

    
https://travelgrapherblog.files.wordpress.com/2021/05/travelgrapher.com-inspire-kazakhstan-astana-government-district-steps.jpg?w=40&resize=40%2C40"

    As you can see, the widget adds “?w=40&resize=40%2C40” at the end of URL which should resize your original image to 40x40px. However, it resizes it to 26x26px: https://snipboard.io/PwCQJG.jpg

    Since this widget is a part of WordPress.com core, I would recommend you to contact a WordPress.com core team to find out the reasons why the image quality has changed: https://wordpress.com/help/contact

    You can also include a link to this post when contacting a WordPress.com team.

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

  • travelgrapherofficial · Member ·

    Hi Taras,

    Thanks for the CSS for global reposition of featured images show in archives views. I will redirect the other question to the WordPress.com team.

    Best regards,

    Erik

  • tarasdashkevych · Theme Author ·

    You are always welcome, Erik!

    If you’ll have any other questions regarding the theme, feel free to open a new thread in this forum, and I will be happy to help.

    Kind regards,
    Taras

  • The topic ‘Reposition images in grid’ is closed to new replies.