Blog Post Feature Image

Store Design

Topic summary

A user is experiencing an issue with an oversized featured image on their blog posts and requests help adjusting its size.

Proposed Solution:

  • Access the theme editor via Online Store → Theme → Edit Code
  • Locate the theme.liquid file
  • Insert custom CSS code above the </head> tag to control the featured image dimensions

Technical Details:

  • The CSS targets the featured image element and sets maximum width/height constraints
  • A before/after screenshot demonstrates the visual improvement after applying the modification

Status: The discussion appears resolved with a working CSS solution provided. The responder requests feedback on whether the solution was helpful.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
2

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag

after modification

AnneLuo_0-1713923521719.png
AnneLuo_0-1713923521719.png1152×729 59.3 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!