Announcement

Collapse
No announcement yet.

How to prevent the URL Preview non-square thumbnails from showing just part of the image

Collapse
This is a sticky topic.
X
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Official - Free How to prevent the URL Preview non-square thumbnails from showing just part of the image

    Starting vB 5.7.2, a new feature called "URL Preview" was implemented. If you place a URL on its own line in a post, it will display a thumbnail, title and description from the linked page after posting. However, for thumbnails that are not square, it only shows part of the image.

    Click image for larger version

Name:	image.png
Views:	66
Size:	83.5 KB
ID:	25983

    To fix this issue, add the below custom CSS code in css_additional template:

    Code:
    .b-bbcode__url--preview .urlimg_container img {
        object-fit: scale-down;
    }


    Click image for larger version

Name:	image.png
Views:	19
Size:	80.0 KB
ID:	25984
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    #2
    For blank thumbnail issue, please see these solutions:

    https://vbmods.rocks/forum/vbulletin...ew-in-vb-5-7-2
    https://vbmods.rocks/forum/vbulletin...re-in-vb-5-7-2
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment

    Latest Topics

    Collapse

    Working...
    X
    Searching...Please wait.
    An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

    Please push the back button and reload the previous window.'
    An unexpected error was returned: 'Your submission could not be processed because the token has expired.

    Please push the back button and reload the previous window.'
    An internal error has occurred and the module cannot be displayed.
    There are no results that meet this criteria.
    Search Result for "|||"