How to move Heading/text/button in Ritual theme Slideshow

Ask & Offer
1

Hey, I’m struggling to find a way to reposition the heading, text, and button from the center of my slideshow to the bottom left corner. From what I’ve learned I need to edit the CSS but I cannot seem to get the correct titles for the different elements I need to move. The slideshow is just below the header in my homepage layout.

My website is: Sagefrissstudios.com

2

Hi @sagefriss

Please check in the Theme Customizer. There may be an option to change the content alignment to Left, Center, or Right without editing the CSS.

3

Yes, you can do this with CSS, but with Horizon family themes you do not need it – you can align your elements in “Edit theme”:

Screenshot 2026-06-09 at 2.36.39 PM
Screenshot 2026-06-09 at 2.36.39 PM812×937 79.2 KB

4

Hello @sagefriss

To move the slideshow content (heading, text, and button) to the bottom-left corner, please follow these steps:

Step 1: Go to Shopify Admin → Online Store → Themes → Edit Code

Step 2: Open the theme.liquid file.

Step 3: Add the following code just above the </head> tag:

<style>
#shopify-section-template--22050590523648__slideshow_d9i4Ay .spacing-style .group-block-content,
#shopify-section-template--22050590523648__slideshow_d9i4Ay .spacing-style .group-block-content .text-block--ANk9BOFQ3dTlxY1M4U__text_xfCt3r{
	align-items: flex-start;
}
</style>

This CSS will align the slideshow content toward the left side of the slide.

After applying the code, the slideshow content should be aligned to the left as shown in the screenshot below:

Screenshot at Jun 09 15-34-04
Screenshot at Jun 09 15-34-041893×728 378 KB

I hope this helps! If you have any questions or need further assistance, feel free to reply. If this solution works for you, please consider giving it a Like or marking it as the Solution.
Thank you!

5

Hi @sagefriss ,
Here’s why you couldn’t find three separate element “titles”: the heading, the text, and the button all live inside a single content box. So you don’t move three things — you move one box, and they travel together.

Recommended way (no code, and it survives theme updates):

  1. In your admin go to Online Store → Themes → Customize.
  2. On the homepage, click the Slideshow section (the one right below the header).
  3. In the section settings panel, look for Content position : it’s usually a 3×3 grid or a dropdown. Pick bottom-left.
  4. Find Content alignment and set it to Left.
  5. Save.