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

Nicky_Hemming · ‎02-02-2024

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

ThePrimeWeb · ‎02-02-2024

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 or check out the website
Check out our interview with Shopify!

Nicky_Hemming · ‎02-02-2024

Thank you for replying!

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

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

ThePrimeWeb · ‎02-02-2024

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.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Nicky_Hemming · ‎02-02-2024

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

Nicky

ThePrimeWeb · ‎02-02-2024

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 or check out the website
Check out our interview with Shopify!

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