Boundless Theme,How do i move the button in the middle of my banner slideshow

Solved
New Member
9 0 0

As per subject, i need to move the button to the bottom or left or my banner. How do i move it on Boundless Theme.

0 Likes

Success.

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

h1.hero__text-title {
text-align: center!important;
}
.hero__content-centered {
text-align: left!important;
}

This code will display your slider button left .

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
9 0 0
Hello,

Thank you soo much it worked, how about doing it at the bottom ? do i just
change the "left" code.

Also, does it work on the debut theme too?
0 Likes

Success.

Hello 
You want like this:
96.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
9 0 0
Yes that would be great too.
0 Likes

Add this css on same file:

.hero__content-centered a.btn {
    margin-top: 16%;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Hello 

For debut theme add this css:

a.btn.slideshow__btn {
margin-top: 22%;
}
.slideshow__btn-wrapper.slideshow__btn-wrapper--push {
text-align: left;
}

It will looks like this:

97.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
2 0 0

Hi, I just did what you said in this message, and changed LEFT to RIGHT. but can you help me how to put it in the exact location of my GET YOURS NOW BUTTON?updated cover (2).png

0 Likes

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
2 0 0