Recently viewed way too big

Topic summary

Oversized images in the homepage’s “recently viewed products” section need to be reduced to match the “featured products” layout. The request is for a CSS-based fix.

A responder asked for the section to be re-enabled for review; it was restored. They then provided a step-by-step approach: open theme.liquid and insert custom CSS before the closing tag, then save. Screenshots show the expected smaller, aligned result.

However, the actual CSS snippet is not visible in the provided content, which is essential to implement the fix. Images attached are central to understanding the before/after outcome.

Status: A solution has been proposed with visual evidence, but there is no confirmation from the requester that it resolved the issue. Outcome remains unconfirmed.

Next steps: obtain or re-share the exact CSS rules, add them to theme.liquid as instructed, and verify that the “recently viewed” section matches the desired sizing and works across devices. Unanswered: the specific CSS properties/values used.

Summarized with AI on December 21. AI used: gpt-5.

Hi,

I want to show “recently viewed products” on the homepage. When I add the section, I get this:

As you can see, the pictures are too big. I want something similar as the above “featured products”.

Can someone help me find a good css code for this problem?

1 Like

I don’t see them on your site. Can you add them back so I can check?

They are back now! :grinning_face:

1 Like
  • Here is the solution for you @pool-care
  • Please follow these steps:

  • Then find the theme.liqid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like