Shopify themes, liquid, logos, and UX
Hey @KetanKumar
Do you know the code to change the slideshow controls on the Studio Theme from controls beneath the slideshow to large arrows like: < slideshow image > at either end of the image.
Example screenshot attached.
Thank you...you're awesome!
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.
Thank you, the site is zeldaandharley.com
thanks bt i can't see your example attachment
can you please confirm this look?
Yes, that looks good!
Thanks for your help with this
thanks for confirm can you please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/component-slider.css ->paste below code at the bottom of the file.
.slideshow__autoplay.slider-button {
display: none;
}
.slider-counter.slider-counter--dots {
display: none;
}
.slider-buttons {
border: none;
justify-content: space-between;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.slider-button {
width: 80px;
height: 80px;
}
.slider-button .icon {
width: 100%;
height: 100%;
}
@media screen and (max-width: 749px) {
.slider-button .icon {
width: 50%;
height: 50%;
}
}
Thanks @KetanKumar
The arrows are presenting but don't work when clicked.
Also, if it possible to make them this color: #9B6FA5.
Let me know if there's a way to solve for these,
Thank you again!
Potentially this is happening as I changed the slideshow image to be clickable? Is there a way to do both? Progress slides by clicking on arrows and click to see the image link page by clicking anywhere else?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024