How can I add text to the left side of home page products?

Store Design
, , , , ,
1

Hi Team.

Please help. I am seeking assistance for couple days now trying to achieve something on my store. Basically, the first image below is what I want to achieve in adding text on the left side of the products from the home page. I badly need assistance as I can’t afford to hire an expert.

Store: Glowcare.se
PS: Glowcare1991

GeeKyuu24_0-1697719039930.jpeg
GeeKyuu24_0-1697719039930.jpeg399×143 7.22 KB

This is currently what the store looks like:

GeeKyuu24_1-1697719039934.png
GeeKyuu24_1-1697719039934.png400×213 44.5 KB

2

Hi @GeeKyuu24 The following css should give you the layout you are looking for. Place it in the section’s Custom CSS field at the bottom of the section settings (I set it to only effect screens larger than 990px wide to avoid UX issues).

@media screen and (min-width: 990px) {
    .collection {
        display: flex;
    }
    .collection > div:first-child {
        max-width: 350px;
        margin-top: 0;
    }
    .collection slider-component {
        width: calc(100% - 350px);
    }
}
3

Did it work on your end? Apparently, there’s no change :disappointed_face:

4

OMG! It worked! Thank you so much! Is there way as well to make those product images a bit smaller and adjust the text a bit to the right to have a bit of space?

5

Are you wanting the entire products section to be less wide or just smaller images within each individual product card?