Slideshow Customization

[R4444]

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:

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

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!

[magenest]

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.

[R4444]

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:)

 

Big thanks!

[magenest · 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.