How can I align text and image in Collections for clarity?

Store Design
1

Hello,

I added an image and some text on my collections page. However, the text just drops right below the image. How can I align the image to the left, and my text on the right on a Collections page so it looks and reads more clear?

Thank you.

2

Hi @inchef ,

Please share your store URL, take a photo of the part you want to edit and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

Hello,

Site is https://indoorchef.myshopify.com/ password is: powcru

thanks

4

Hi @inchef ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss->paste below code at the bottom of the file:
@media (min-width: 768px) {
    #shopify-section-collection-template .rte--header {
        font-size: 0;
    }
    #shopify-section-collection-template .rte--header > p {
        width: 50%;
        display: inline-block;
        font-size: 17px;
        vertical-align: top;
        padding-right: 15px;
    }
}

I hope it would help you.

1 Like
5

Hey,

Thank you this worked, but the better solution was for me to double click the image, wrap text, and include a margin for the comment. Thanks again for your help.