When a post with URL Previews appears in a Search Module (e.g. Latest Topics) located in a narrow sidebar/column, the linked site preview information is excessively cut off due to limited space.
Fix it as shown in the screenshot below with a simple set of CSS code.
Add the below code in css_additional template:
The above code reduces the thumbnail size from the default of 90px to 30px. Adjust it according to your preferences.
This code only applies to posts in a module that appears in a narrow sidebar/column. If the module appears in the wider column, the default style is used.
If you widen the sidebar, you'll get even more space available for the URL Previews.
Enjoy!
Fix it as shown in the screenshot below with a simple set of CSS code.
Add the below code in css_additional template:
Code:
.canvas-widget-list.l-narrow-column .b-post-sm .b-bbcode__url--preview { --thumb-size: 30px; padding: 10px; } .canvas-widget-list.l-narrow-column .b-post-sm .b-bbcode__url--preview .urlimg_container { margin-right: 10px; } .canvas-widget-list.l-narrow-column .b-post-sm .b-bbcode__url--preview .urlinfo { font-size: 95%; } .canvas-widget-list.l-narrow-column .b-post-sm .b-bbcode__url--preview .urlinfo .meta { margin-bottom: 0; }
The above code reduces the thumbnail size from the default of 90px to 30px. Adjust it according to your preferences.
This code only applies to posts in a module that appears in a narrow sidebar/column. If the module appears in the wider column, the default style is used.
If you widen the sidebar, you'll get even more space available for the URL Previews.
Enjoy!