Solved

Slideshow Customization

R4444
Tourist
5 0 1

Hey guys, I have three question regarding my slideshow. Theme: Refresh.

Preview: https://cf39c9-4e.myshopify.com/?_ab=0&_fd=0&_sc=1

 

The first one

Slideshow isn’t responsive in a way I expected. I hope it can scale down 100% proportionally when window getting narrowed, like its ratio of height and width is always the same no matter on desktop or mobile, so I can put text in my left side of the image without getting out of the browser window. (my slideshow images is a combination of a square photo and a square colour block, put together on Photoshop) 

 

current desktop and phone:

Screen Shot 2024-04-11 at 9.15.09 PM.png

Screen Shot 2024-04-11 at 9.15.19 PM.png

 

I want to make it responsive like this one: https://www.mollyjogger.com/

Screen Shot 2024-04-11 at 9.15.36 PM.png

 

The second one

Can I make each page of my slideshow already clickable if I don’t use a button?

 

The third one

About colour, I know that I can change colour scheme. But it seem the pagination bar is still in its original theme colour (light blue) while there’s no any blue in the colour scheme I’m using. How can I change the colour to fit my brand?

 

Thank you in advance!

Accepted Solution (1)
magenest
Shopify Partner
162 10 19

This is an accepted solution.

Hi @R4444, our team has checked and here are our solutions
1. You can attach your link to the slides, this makes your slideshow clickable. 
2. For the padding problem you are having, you can try adding this CSS
Go to Online Store > Theme > Customize > Settings > Custom Css

 

.banner__box {
padding: unset;
}

 

 Hope this helps and feel free to tag us if you have any more questions.

Magenest - One-stop Digital Solution Provider
- Don’t forget to drop a thumbs-up and Mark it as a Solution if you find our response useful
- Elevate your online business with our Shopify experts and professional designers

View solution in original post

Replies 3 (3)

magenest
Shopify Partner
162 10 19

Hi @R4444

Can you share with us your store's password so our team can check on that? We would love to provide you with a solution for your issues.

 

Magenest - One-stop Digital Solution Provider
- Don’t forget to drop a thumbs-up and Mark it as a Solution if you find our response useful
- Elevate your online business with our Shopify experts and professional designers
R4444
Tourist
5 0 1

Hi! thanks for the reply, I didn’t realize it was locked. password: r4444

 

I’ve solve half of the problems. There are still 2 problems left:
1. Make each slideshow clickable (to other pages.)
2. Allow the height of the slideshow frame (especially on mobile vertical) fit the content.
My slide show can now display full content at any screen size, but there are still visible space on top and bottom on mobile vertical screen. (btw, I’ll remove the text in the future so no need to worry about the text display:)

IMG_1246.PNG

 

Big thanks!

magenest
Shopify Partner
162 10 19

This is an accepted solution.

Hi @R4444, our team has checked and here are our solutions
1. You can attach your link to the slides, this makes your slideshow clickable. 
2. For the padding problem you are having, you can try adding this CSS
Go to Online Store > Theme > Customize > Settings > Custom Css

 

.banner__box {
padding: unset;
}

 

 Hope this helps and feel free to tag us if you have any more questions.

Magenest - One-stop Digital Solution Provider
- Don’t forget to drop a thumbs-up and Mark it as a Solution if you find our response useful
- Elevate your online business with our Shopify experts and professional designers