Ride Theme > Images and Text on Blog Page

Technical Q&A
,
1

Hi there,

I have an issue with displaying images in my blogs (overview pages of blog articles)

The images are too big for me and when I change the size to “small”, it cuts parts of the images.

I would like to set the size of the pictures, so that they are smaller and the aspect ratio is also fitting better to my images, and if pictures are not fitting to the aspect ration, they should appear inside the frame, so that the picture is visible in full size instead of cutting parts of the image just to fill the frame…

(And if the header of an article would be displayed fully instead of ending with “…”, that would be perfect.)

Do you have any tipps and tricks for me?

Thanks a lot in advance &

Best wishes, Sigi

News – STEINS|ART (steins-art.com)

Sigi_DE_0-1686818871987.png
Sigi_DE_0-1686818871987.png2122×1733 886 KB

2

To adjust the size and aspect ratio of images in your blog overview pages and display the full header of an article, you can modify the code for rendering the images and the article header.

Here’s an example of how you can achieve this in the Liquid code:

{% for article in blog.articles %}
  
    ## {{ article.title }}
    
      
    

    
      {{ article.content | strip_html | truncatewords: 50 }}
    

  

{% endfor %}
3

Thank you very much, that was a break through !! :slightly_smiling_face:

I played a little with the layout and finally developed this code:

Sigi_DE_0-1686842347283.png
Sigi_DE_0-1686842347283.png2342×1749 776 KB


  # {{ blog.title | escape }}
  
    

      {% for article in blog.articles %}
        
          {% if article.image %}
            

              
            

          {% endif %}
          
            ## {{ article.title }}
            

{{ article.content | strip_html | truncatewords: 50 }}

          

        
      {% endfor %}