Solved

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

Aaronguitarguy
Excursionist
22 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!

Accepted Solution (1)
oscprofessional
Shopify Partner
15830 2369 3072

This is an accepted solution.

@Aaronguitarguy,

Please add below css

@media only screen and (min-width: 750px) {
.slideshow__btn-wrapper--push {
    margin-top: 100px;
}
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 14 (14)

oscprofessional
Shopify Partner
15830 2369 3072

Hello @Aaronguitarguy,

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Aaronguitarguy
Excursionist
22 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!

oscprofessional
Shopify Partner
15830 2369 3072

@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;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Aaronguitarguy
Excursionist
22 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?

oscprofessional
Shopify Partner
15830 2369 3072

This is an accepted solution.

@Aaronguitarguy,

Please add below css

@media only screen and (min-width: 750px) {
.slideshow__btn-wrapper--push {
    margin-top: 100px;
}
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Aaronguitarguy
Excursionist
22 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

Aaronguitarguy
Excursionist
22 0 4

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

Lordjord
New Member
4 0 0

Hi would you be able to help me?

I would like to move shop now button and text up above image - debutify theme 

 

BC29913A-38C7-4F08-BAB5-8B0465FE360C.jpeg

Zworthkey
Shopify Partner
5581 642 1565

Hii, @Lordjord 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

Lordjord
New Member
4 0 0

Hi,

 

alignpal.myshopify.com

password: eacleb 

 

I am looking to move the button on mobile view

Zworthkey
Shopify Partner
5581 642 1565

Hii, @Lordjord 
Paste this code on top of the theme.scss file,

@media screen and (max-width: 769px){
.hero__text-wrapper {
    margin-top: -130px !important;
}
}

Thank You.

Lordjord
New Member
4 0 0

Thank you so much!!! Much appreciated!!

Zworthkey
Shopify Partner
5581 642 1565

@Lordjord 
If it is helpful then like and accept my solution.
Thank You.

zee13
Excursionist
19 0 4

Hey, could you help me please? I would like my button in the same position as this on mobile.

https://threenailsclothing.com/