How can I style my featured collection like Glowcare.se?

Store Design
, , , , ,

Topic summary

A user seeks to replicate a specific product collection layout from Glowcare.se, where product text appears on the left side rather than above the products. The desired design shows a horizontal arrangement with descriptive text positioned to the left of product images.

Current Challenge:

  • User is working with Shopify’s Studio Theme
  • Wants to modify their featured collection layout
  • Standard theme customization options don’t provide this specific layout

Attempted Solutions:

  • A helper provided CSS code snippets to adjust text alignment and button styling
  • Suggested using theme customizer settings and collection banner options
  • Multiple code attempts (text-align, background-color modifications) were tested

Outcome:

  • None of the proposed CSS solutions successfully achieved the desired layout
  • Helper noted that Studio Theme may not support this three-product feature with side-positioned text
  • The discussion remains unresolved, with the user still unable to replicate the reference design
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hi Team.

How can I achieve this style:

387352216_870622807921063_7539390432033408300_n.jpg
387352216_870622807921063_7539390432033408300_n.jpg1600×574 55 KB

This is actually how it looks like:

GeeKyuu24_0-1697631763732.png
GeeKyuu24_0-1697631763732.png1785×928 122 KB

Store: Glowcare.se
PS: Glowcare1991

2

Can someone help me? :disappointed_face:

3

Go to Online Store → Themes → customize

websensepro_0-1697633446603.png
websensepro_0-1697633446603.png652×554 84 KB

4

Is it on my theme? I am actually using Studio Theme.

5

I don’t know no idea in studio theme you give me website access let I see

6

Can you show me how what the steps and code to input?

7

You like this style in your collection page

websensepro_0-1697634224757.png
websensepro_0-1697634224757.png889×471 137 KB

8

Nope. I want to achieve like this where the text is on the left side instead on the top of the products

GeeKyuu24_0-1697634514996.jpeg
GeeKyuu24_0-1697634514996.jpeg998×358 30.4 KB

9

Check Mark Arrow

websensepro_0-1697634886993.png
websensepro_0-1697634886993.png891×616 113 KB

10

Add this Code in customize

websensepro_1-1697635032751.png
websensepro_1-1697635032751.png406×556 21.8 KB

.button--secondary {
  background-color: black !important;
  color: white;
}
11

I guess this is too far from what I want to achieve.

12

This is the text in my concern that I would like to move on the left of the product:

GeeKyuu24_0-1697635220691.png
GeeKyuu24_0-1697635220691.png1908×926 150 KB

And this is the style I would like to achieve:

GeeKyuu24_1-1697635242313.jpeg
GeeKyuu24_1-1697635242313.jpeg399×143 7.22 KB

13

Add this code

h1.collection-hero__title {
    text-align: end;
}
14

It did not work

15

Add this code collection banner

websensepro_0-1697635860102.png
websensepro_0-1697635860102.png1312×545 112 KB

16

This is for my featured collection.

17

GeeKyuu24_1-1697635242313.jpeg
GeeKyuu24_1-1697635242313.jpeg399×143 7.22 KB

dont have one side text or three product feature in this studio theme