Change ratio of picture and text in "image with text" section in Minimal theme

Nicky_Hemming
New Member
5 0 0

I've added an Image with Text section to my home page in the Minimal theme, but I'd like the picture to be smaller and the text to take up more of the width of the page. 

Can anyone help?

Thanks

Replies 5 (5)

ThePrimeWeb
Shopify Partner
1148 298 224

Hey @Nicky_Hemming,

Could you share the link to your store please? And also provide a screenshot of the section you are referring to, if possible. Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
Nicky_Hemming
New Member
5 0 0

Thank you for replying!

The website is www.nickynackynoo.com and it's towards the bottom of the homepage:

Nicky_Hemming_0-1706895961846.jpeg

 

I don't want my enormous face scaring everyone off !!

ThePrimeWeb
Shopify Partner
1148 298 224

Hey @Nicky_Hemming,

 

Feature me there and you'd have to remove the image completely! HAHA 😂

 

This should work for you.

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media only screen and (min-width: 768px) {
    .feature-row .feature-row__item {
        min-width: 30% !important;
        width: 30% !important;
        -webkit-flex: none !important;
        -moz-flex: none !important;
        -ms-flex: none !important;
        flex: none !important;
    }
    
    .feature-row .feature-row__item.feature-row__text {
        min-width: 70% !important;
        width: 70% !important;
    }
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706896500972.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
Nicky_Hemming
New Member
5 0 0

OMG that's amazing! I feel like a proper coder lol. Thank you so much. Coffee on its way.

 

Nicky

ThePrimeWeb
Shopify Partner
1148 298 224

Thank you @Nicky_Hemming,

 

I wish you good luck with your store!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com