Want to remove dots and arrow in slideshow in debut theme

Store Design
1

I want to remove dots and arrow from the slideshow in phone view. Also want to make bax of shop transparent. If not possible, at least thin. Also is it possible to make whole slider clickable?

Store: https://greendeerkids.myshopify.com/

password: green

Please help: @Sajeel @suyash1 @AVADA @makers18 @Dbuglabpvtltd @Renars

InkedS2creenshot (365)_LI.jpg
InkedS2creenshot (365)_LI.jpg610×684 40.4 KB

1 Like
2

@Avantika01

yes, please try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.slideshow__arrows--mobile {display: none;}
}
3

Tnx it worked

Also can I make the sho button thinner?

4

hy there add this code at the end of theme.css

.slideshow__btn {
background-color: #68585896;color: var(–color-btn-primary-text) !important;
min-height:0.125rem !important;
line-height: unset !important;

}

Sajeel_1-1645676665520.png
Sajeel_1-1645676665520.png372×207 118 KB

5

yes you can add link to image if you know some codding you can wrap the whole slide into

your slide