Change width and Height from image with text sections

Topic summary

A user seeks help adjusting the width and height of an “image with text” section on their Shopify store.

Initial Request:

  • User provides a product page URL and shares a screenshot marking the specific section needing modification.

Solution Provided:

  • A support member instructs the user to locate the theme.liquid file in their theme code editor.
  • They provide CSS code to be inserted before the </head> tag:
    • Change 500px to desired width
    • Change 300px to desired height
  • The user is advised to save changes after adding the code.

Follow-up Issue:

  • User requests additional help with outlining/styling sections in the middle of the page, noting they appear more outlined on the left.
  • Support asks the user to republish the theme for verification.
  • Updated CSS code is provided to address the new styling request.

The discussion remains ongoing as the user implements the latest code suggestions.

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

Hi everyone,

How can i change the width and height of the “image with text” section.

URL is https://lunalucente.com/products/youth-flawless-peptide-serum

1 Like

Can you take a photo marking the part you want to edit, I will help you @lunalucenteskin .

Just this one

1 Like

I don’t see them on your store. Have you made them public?

Yes if you click the link

1 Like

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

  • Change 500px to width you want and 300px to height you want

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

Perfect, can u help outlining the sections in the middle. Now they are way more outlined to the left

1 Like

Can you republish them so I can check?


Please replace to this code if you want like that @lunalucenteskin