How to format Image with Text on Ecommerce store

Store Design

Topic summary

A Shopify store owner seeks help formatting an “Image with Text” section on their site (liftchairheaven.com). They have three specific requests:

Original Questions:

  1. How to increase font size of the text
  2. How to center and change the button color to dark gray
  3. How to change the background color on the text side

Solution Provided:
A user shared CSS code to be added to the theme.liquid file (above the tag) that addresses these styling issues.

Current Status:
The provided solution works on desktop, but the original poster has followed up asking for code that will also work on mobile devices. The discussion remains open with this mobile responsiveness issue unresolved.

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

Hi,

I have 3 questions how to format Image with Text on Shopify store. See screenshot below. Store is www.liftchairheaven.com

Allen6224_0-1724867226873.png
Allen6224_0-1724867226873.png1541×688 157 KB

  1. How to increase font size of the text?

  2. How to center and change the color of the button to dark gray?

  3. How to change the background color on the text side to #EFF3FA?

2

Hey @Allen6224

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1724868824449.png
Moeed_0-1724868824449.png1463×633 137 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

That worked for desktop. Can you provide the code that will work on mobile devices as well?