Align All Items to Left on Slideshow

Store Design
, ,

Topic summary

A user needed help aligning slideshow elements to match their previous banner design. Specifically, they wanted:

  • Button aligned to the left, inline with text
  • “workwear” and “orange” on the same line
  • Slogan displayed on one line

The issue was resolved through custom CSS code. The solution involved:

  1. Navigating to Shopify Admin → Online Store → Theme → Edit code
  2. Locating the theme.liquid file
  3. Inserting custom CSS markup above the </head> tag

The provided code successfully aligned all slideshow elements to the left as desired. The user confirmed the solution worked perfectly.

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

Please help me align my slideshow button to the left and make my text appear like the following image:

Screenshot 2024-10-24 at 17.24.33.png
Screenshot 2024-10-24 at 17.24.33.png1280×686 1.01 MB

I want it to look exactly like this (this is my banner, but now I am using a slideshow).

It currently looks like this:

Screenshot 2024-10-24 at 17.28.58.png
Screenshot 2024-10-24 at 17.28.58.png1276×684 1.01 MB

The “workwear” must be on the same line as “grange”, and the slogan must be in one line.

Also, the button must be aligned to the left, in line with the text.

Please.

Thanks in advance.

Website link: https://8ae3b9-27.myshopify.com/

2

@ProconMarketing ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above

Result:

BSSCommerceB2B_0-1729785861827.png
BSSCommerceB2B_0-1729785861827.png1348×740 241 KB

If it helps you, please like and mark it as the solution.

Best Regards :blush:

3

Worked perfectly. Thanks, I really appreciate it!