How to change the Button label and Heading position in slideshow

Highlighted
New Member
2 0 0

Hi, i am using a Minimal theme and i will like to change the position of the Button Label and the Heading?

How can i do that on the code?

Currently, only left, right and center. But i will like to change the position to my preferred location.

Thanks!

0 Likes
Highlighted
Shopify Expert
667 170 226

Hi, @Dawnieyang ,

This is Evita from On The Map.

 

What is your preferred location? You will need to add the code to Assets/theme.scss.liquid file.

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
New Member
2 0 0

Hi Evita,

 

Currently, it is on the right of the slideshow, will like to relocate it to the bottom center. 
Could you advise on the coding and probably i can adjust the location (in px) myself?

0 Likes
Highlighted
Shopify Expert
667 170 226

Add this code to Assets/theme.scss/liquid file:

.slides__text-content {
    height: 100%;
    align-items: flex-end;
    justify-content: center;
    display: flex;
    padding-bottom: 1rem;
}

And for centering button:

.slides__btn {
    align-items: center;
    left: 50%;
    margin-left: -127px;
    justify-content: center;
    position: relative;
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
New Member
1 0 0

Hi there! 

This code above did not work for me. The button label is currently in the center and I would like it to be bottom center. Can anyone help me?? 

0 Likes