Arrow always visible

1 reply · opened Jan 4, 2017

Cchris2015Jan 4, 2017

I need arrow always visible, I use this:


	
		[image 1](#)
		[title 1](#)
		price 1

I try in my custom.css this:

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    opacity: 1;background-color:#337ab7;color:#FFF;
    left: -18px;
}
.owl-theme .owl-controls .owl-nav .owl-next {
    left: auto;
    right: -18px;
}

but with no luck.

SSemicolon WebSTAFFJan 5, 2017

Hello,

Simply use the following CSS code:

.owl-carousel .owl-nav [class*=owl-] {
	opacity: 1;
	left: -18px;
}

.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: -18px;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard