How to format Image with Text on Ecommerce store

How to format Image with Text on Ecommerce store

Allen6224
Excursionist
43 0 12

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

 



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? 

Replies 2 (2)

Moeed
Shopify Partner
7703 2070 2550

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 </body> tag

<style>
.image-with-text__content.image-with-text__content--adapt {
    text-align: -webkit-center !important;
    align-items: center !important;
}
.image-with-text__content .image-with-text__text+.button {
    background: gray !important;
    box-shadow: unset !important;
}
.image-with-text__text.rte p {
    font-size: 20px !important;
}
</style>

RESULT:

 

Moeed_0-1724868824449.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Allen6224
Excursionist
43 0 12

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