Removing Button from Slideshow - Venue Theme

Solved
Highlighted
Pathfinder
105 1 18

@Akshay_V wrote:

@oliverkeavey 

It can be handled and solved through CSS or JS. If you give me store admin collaborator access then I will add customize option for arrows like other themes.
If you want to remove through CSS then you need to add below code into your main.scss.css file

.home-carousel{
.home-carousel__nav,
.slick-arrow{
display: none !important;
}
}


Still, if you face issue then let me know.


Hey Akshay, would your code work for the Debut theme also? I want the white round circles, but neither the arrows nor the dark coloured rectangular background of the slider's navigation? Thank you.

Skoory, the curious squirrel of TTL CIC - - a Company limited by guarantee with charitable objectives.
"Finally, if you quote a source, choose one with a name that is easy to pronounce...mental effort is aversive." Thinking Fast and Slow
0 Likes
Highlighted

Hello ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.slideshow__arrows {
	background: transparent;
}
.slideshow__arrow.slideshow__arrow-left, .slideshow__arrow.slideshow__arrow-right {
	display: none;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Pathfinder
105 1 18

@oscprofessional wrote:

Hello ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.slideshow__arrows {
	background: transparent;
}
.slideshow__arrow.slideshow__arrow-left, .slideshow__arrow.slideshow__arrow-right {
	display: none;
}

Success!!

Thank you.

 

The dark rectangular background appears when hovering over the white circles, however. Is it possible to make it go away during hover as well?

Skoory, the curious squirrel of TTL CIC - - a Company limited by guarantee with charitable objectives.
"Finally, if you quote a source, choose one with a name that is easy to pronounce...mental effort is aversive." Thinking Fast and Slow
0 Likes
Highlighted

Hello ,

Add below css

.slideshow__controls:hover .slideshow__arrows, .slideshow__controls:focus .slideshow__arrows, .slideshow__controls--hover .slideshow__arrows {
	background: transparent;
}

@Skoory wrote:

@oscprofessional wrote:

Hello ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.slideshow__arrows {
	background: transparent;
}
.slideshow__arrow.slideshow__arrow-left, .slideshow__arrow.slideshow__arrow-right {
	display: none;
}

Success!!

Thank you.

 

The dark rectangular background appears when hovering over the white circles, however. Is it possible to make it go away during hover as well?


 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Pathfinder
105 1 18

@oscprofessional wrote:

Hello ,

Add below css

.slideshow__controls:hover .slideshow__arrows, .slideshow__controls:focus .slideshow__arrows, .slideshow__controls--hover .slideshow__arrows {
	background: transparent;
}

@Skoory wrote:

@oscprofessional wrote:

Hello ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.slideshow__arrows {
	background: transparent;
}
.slideshow__arrow.slideshow__arrow-left, .slideshow__arrow.slideshow__arrow-right {
	display: none;
}

Success!!

Thank you.

 

The dark rectangular background appears when hovering over the white circles, however. Is it possible to make it go away during hover as well?


 


THANK YOU! That worked

Success!

Have a good weekend.

Skoory, the curious squirrel of TTL CIC - - a Company limited by guarantee with charitable objectives.
"Finally, if you quote a source, choose one with a name that is easy to pronounce...mental effort is aversive." Thinking Fast and Slow
0 Likes