Change width of image and text section within the 'Image With Text' section

Technical Q&A
, , ,

Topic summary

A user wants to customize the ‘Image With Text’ section on their Shopify homepage to display an asymmetric layout: 70% width for the image and 30% for the text.

Key Requirements:

  • The modification should only apply to this specific section on the homepage
  • Not intended for use elsewhere on the website
  • Targeting a marketing section for new products

Current Status:

  • User searched the knowledge base without finding a solution
  • Provided a reference image showing the desired layout
  • Seeking CSS customization guidance for this Shopify theme modification

No solutions or responses have been posted yet.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hello,

Searched through the knowledge base but couldn’t quite find the solution, hence raising this new topic.

How do I change the width of image and text section within the ‘Image With Text’ section? I want the image section to be about 70% and the text section to be 30% - see image below

Christmas Ad Image With Text
Christmas Ad Image With Text1570×559 130 KB

This image to text section is for marketing of new products and will be only on the homepage and will not be anywhere else on the website, so the code will need to just be for this image to text section used on the homepage.