How to change the location of a button in a slideshow?

Solved
Highlighted
Excursionist
21 0 4

Hello, 

 

I would like to change the location of a button in my slideshow that links to another page, but I can't seem to figure out how.

My website is: https://www.coverup.nu/

The password to enter is: glaill

 

Thank you very much!

0 Likes
Highlighted

Hello @Aaronguitarguy,

Can you share screenshot for where do you want to move button exactly

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
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
21 0 4

Thank you for your reply. It's kinda hard to say because these are not the slides we're going to use but it will probably be somewhere around here.

 

Untitled-1.jpg

Thanks!

0 Likes
Highlighted

@Aaronguitarguy,

Go to Online Store->Theme->Edit code->Asset->theme.scss.liquid->paste bellow code in bottom of file

.slideshow__btn-wrapper.slideshow__btn-wrapper--push {
    text-align: center!important;
}

If you want button in right side then add below css

.slideshow__btn-wrapper.slideshow__btn-wrapper--push {
    text-align: right!important;
}
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
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
21 0 4

Thank you very much. That helped with with the horizontal placement, but I would still like to lower it a bit. Can you help with that too?

0 Likes
Highlighted

Success.

@Aaronguitarguy,

Please add below css

@media only screen and (min-width: 750px) {
.slideshow__btn-wrapper--push {
    margin-top: 100px;
}
}
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
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Excursionist
21 0 4

@oscprofessional

 

Alright we're getting very close now haha. I have two more questions:

- how can I remove the subheading? 

- how can I move the button up on a phone? I included a screenshot to show what it looks like now.

Again, Thanks so much.


Screenshot_20200410_174126_com.android.chrome.jpg

0 Likes
Highlighted
Excursionist
21 0 4

Would really appreciate it if someone could help me out with this!

0 Likes