How do I move the text "You may like", more to the left?

Store Design
, , , , , , , , , , , , , ,

Topic summary

A user seeks to left-align the “You may like” text on their Shopify store (onecap.se).

Solution provided:

  • Locate the relevant styling in style.css
  • Find the line controlling text alignment for the “You may like” section
  • Change the alignment property from center to left

Additional requests:

  • How to add a dividing line above the “You may like” text
  • How to change the text color to #2E2E2E

Alternative approach suggested:
Another contributor recommends using CSS code targeting .opposing-items__left with text-align: left !important; through the theme’s style.css file.

The initial alignment issue appears resolved, but questions about styling enhancements (border line and color change) remain open.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

www.onecap.se

Skärmavbild 2023-09-13 kl. 20.49.43.png
Skärmavbild 2023-09-13 kl. 20.49.43.png1282×1404 175 KB

1 Like
2

Hi @OneCap

You need to change something in your style.css.

Open the file and find this line.

Made4uoRibe_0-1694635673707.png

And change the center into Left.

Like this.

Made4uoRibe_1-1694635723146.png

Result:

Made4uoRibe_2-1694635774792.png
Made4uoRibe_2-1694635774792.png530×341 21 KB

And dont forget to save the changes.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

How do I make the drawing line, above the text “You may like”, to the color #E2E2E2 ?

4

Hi @OneCap

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Style.css

.opposing-items__left {
    text-align: left !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly