How can I align my slideshow title to the top?

Shopify Discussion
,
1

Hi team,

I was wondering if it’s possible to customize the Title for the Slideshow since it only shows on the middle centered. I want to have it Aligned on Top if that possible.

I have a picture attached of my example and version 2 shows how I want to have the Title.

Look forward to hearing back

Best,

AL

1 Like
2

@GrTR3

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

My website url is www.tr3racing.com

Look forward to your response

Best,

AL

1 Like
4

@GrTR3 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

You can change the 30px value to anything you wish to control the Y position.

You can notice that the text will not be easily readable though since it’s white text on a white-ish background.

Additionally, it’s worth bearing in mind that the Ella’s slideshow is, unfortunately, fairly limited when it comes to customizations. There are alternatives like this slideshow section that gives you more options to customize the slideshow, including adding a shadow to the text to make it readable and customize the text’s position. (left, center, right, bottom-left, etc).

Kind regards,
Diego

5

@GrTR3

try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme-styles.css ->paste below code at the bottom of the file.
@media (min-width: 768px) {
.slide-content {top: 10%;}
}