prestige theme timeline section text alignment

Shopify Discussion

Topic summary

A user seeks help aligning timeline section text to center-middle next to an image in the Prestige Shopify theme.

Initial Solution:

  • Add CSS code to theme.css file targeting .Timeline__Item.is-selected with align-items: center property
  • This successfully centers the text vertically

Additional Adjustment:

  • User requests horizontal centering of the header text as well
  • Solution provided: Add CSS targeting header.Timeline__Header.SectionHeader--center with text-align: center

Alternative Solution:

  • A third responder suggests using a media query approach: @media screen and (min-width: 641px) targeting .Timeline__Header with text-align: center !important

Resolution:
The issue is resolved successfully. Screenshots were shared throughout to demonstrate the problem and verify the solutions. All CSS modifications are made in the theme’s stylesheet at the bottom of the file.

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

How can i change the text alignment in my timeline section to middle center next to an image?

Adding here the relevant url for the section

https://cottonclub.co.il/collections/sateen500

1 Like
2

Hi, @yoavkroll

Greetings from the Store Watchers Support Team! Happy to help you today.

Please share your issue with screenshot.

Let me know If need further assistance

Regards,

Store Watchers Support Team

1 Like
3

Screenshot 2024-01-10 at 11.37.45 AM.png
Screenshot 2024-01-10 at 11.37.45 AM.png2808Ă—1300 320 KB

I want this text to be center middle

4

i want the text to be aligned center middle
i want the text to be aligned center middle2808Ă—1300 320 KB

5
  1. Go to online store > theme > Edit code > Assets > theme.css (file) and Paste the below code at the bottom of the file → Save
.Timeline__Item.is-selected {
    align-items: center;
}
  1. After adding the above CSS, it looks like this

Wholesalehelper_0-1704882087880.png
Wholesalehelper_0-1704882087880.png1342Ă—668 285 KB

1 Like
6

looks good,

If I want to center the text as well is it possible?

7
  1. Go to online store > theme > Edit code > Assets > theme.css (file) and Paste the below code at the bottom of the file → Save
header.Timeline__Header.SectionHeader--center {
    text-align: center;
}
  1. After adding the above CSS, it looks like this

Wholesalehelper_0-1704889653816.png
Wholesalehelper_0-1704889653816.png1345Ă—647 282 KB

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

8

Hi @yoavkroll

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media screen and (min-width: 641px){
.Timeline__Header {
    text-align: center !important;
}
}

And Save.

Result:

Made4uoRibe_0-1704894271933.png
Made4uoRibe_0-1704894271933.png1493Ă—702 173 KB

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

9

thank you very much it all works