April Theme change position button shop now Slideshow

Solved
Pilotinta
Tourist
20 0 6

Hi!, I need help to change the position of the button on my slide, I have the APRIL template and I don't know where to change this.

Appreciate your help 

Captura de pantalla 2021-07-09 a las 1.17.01 p.m..png

KetanKumar
Shopify Partner
20430 2113 7676

@Pilotinta 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
KetanKumar
Shopify Partner
20430 2113 7676

This is an accepted solution.

@Pilotinta 

can you please confirm this look fine

KetanKumar_0-1625857098139.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
KetanKumar
Shopify Partner
20430 2113 7676

This is an accepted solution.

@Pilotinta 

thanks please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/cs-april.styles.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

body .shopify-section .home-slideshow-layout .slideshow-caption {
top: auto;
    bottom: 80px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Pilotinta
Tourist
20 0 6

Really Thanks Ketan you'r amazing!!!

Pilotinta
Tourist
20 0 6

Sorry but does this look good for cell phones anyway? responsive?

0 Likes
KetanKumar
Shopify Partner
20430 2113 7676

@Pilotinta 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Pilotinta
Tourist
20 0 6

Sorry but does this look good for cell phones anyway? responsive?

KetanKumar
Shopify Partner
20430 2113 7676

@Pilotinta 

yes, please this code

@media only screen and (max-width: 991px) {
body .shopify-section .home-slideshow-layout .slideshow-caption {bottom: 60px;}
}
@media only screen and (max-width: 425px) {
body .shopify-section .home-slideshow-layout .slideshow-caption {bottom: 40px;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes