THEME ENVY: How can I put the button lower on from the slideshow banner

Solved
Highlighted
Tourist
25 0 0

Hi,

 

Can we move the button lower?

mommylau_0-1605778718312.png

 

The option on the theme backend is just, right, center or left so I think it needs some coding. And can we do it just for the web version only? thanks

 

0 Likes
Highlighted

Hello,
Please share your site url.
So that i can check and let you know the 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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
25 0 0
0 Likes
Highlighted

This is an accepted solution.

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

@media only screen and (min-width: 768px){
.slider-caption.horizontal-align--left.vertical-align--bottom.background.slideshow-mobile-image-content {
    top: 45% !important;
    left: 7% !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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
25 0 0

Thanks. And also, can you help me change the button of that without changing the colors of the buttons for the whole site?

0 Likes
Highlighted

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

#shopify-section-image--slideshow .slider-block--image--slideshow-0 .slider-caption .btn.btn-custom {
    background-color: blue !important;
    color: white !important;
}


Change the color as per your choice.
Hope this will work for you.
Thanks....

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

Thank you so much

0 Likes
Highlighted
Tourist
25 0 0

Sorry to bother again,

It shows like this on mobile

mommylau_0-1605785433737.png

 

How can I put the button on top for mobile?

0 Likes
Highlighted

Add this css

@media only screen and (max-width: 420px){
.slider-caption.slideshow-mobile-image-content {
    top: 15% !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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes