owls naviogation strange aspect

Thanks for your post.

have you used any other plugin for carousel slider?

Regards

hi, no. other carousel is the native carousel with the theme, creativo, inside visual composer. and slider revolution… see it on, bellow the menu : https://bit.ly/2qwrJOs

• This reply was modified 7 years, 6 months ago by marujobhz.

Sorry, i can’t access your link.

it’s showing me “Site em manuten??o!”

sorry, try again, please! i deactive the site maintenance

i have chceked your page,

i can see your theme also used same “owl-carousel” CSS that overriding,

Please see the screenshot.
https://imgur.com/a/IfZeA.

Regards

hi. thanks… so, i will try to change the css on plugin… i will verify. if not have suscess, unfortunately i need to change to another plugin. tks!

• This reply was modified 7 years, 6 months ago by marujobhz.
• This reply was modified 7 years, 6 months ago by marujobhz.

Please see the screenshot I have marked the CSS on your theme style.css file, just remove these line you will solve the issue.

Regards

hi, i will try it. thanks a lot!

hi, there are a lot of owl-theme inside css file. … sorry.

/*.owl-theme .owl-controls{text-align:center;-webkit-tap-highlight-color:transparent}*/
.owl-theme .owl-controls .owl-nav [class*=owl-]{	
	font-size:14px;
	background: rgba(0,0,0,0.7);
	display:inline-block;
	cursor:pointer;	
	position: absolute;
	top: 40%;
	left: 0;
	right: auto;
	width: 25px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin-top: -25px;	
	transition: background-color .2s ease-in-out;
}

.owl-carousel .owl-controls .owl-nav .owl-next {
	right: 0;
	left: auto;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] i {
	font-size:16px; color: #fff;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background: rgba(0,0,0,0.4);}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{
	width:5px;
	height:5px;
	margin:3px;
	background:#d6d6d6;
	display:block;
	-webkit-backface-visibility:visible;
	-webkit-transition:opacity 200ms ease;
	-moz-transition:opacity 200ms ease;
	-ms-transition:opacity 200ms ease;
	-o-transition:opacity 200ms ease;
	transition:opacity 200ms ease;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px
	}
.big.owl-theme .owl-dots .owl-dot span {
	width:10px;
	height: 10px;
	margin:5px;
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#5bc98c}
.owl-dots {
	margin-top:20px;
	text-align: center;
}
.design_modern.left_dots.owl-theme .owl-controls {
	padding-left:50px;
}
.test_nav_arrows .owl-controls .owl-dots{
	display: none !important;
}

.test_nav_arrows .owl-controls .owl-nav {
	text-align: center;
}
.design_modern.left_dots.test_nav_arrows .owl-controls .owl-nav {
	text-align: left;
}
.design_modern .review.left_image .comment_author_details {
	padding-left:0;
}

.test_nav_arrows .owl-controls .owl-nav [class*=owl-] {
	position: relative;
	background-color: transparent;
	margin-top:0;	
}
.test_nav_arrows .owl-controls .owl-nav [class*=owl-]:hover {
	background-color: transparent;
}
.test_nav_arrows .owl-controls .owl-nav .owl-next {
	right:-10px;
}
.test_nav_arrows .owl-controls .owl-nav .owl-prev {
	left: -10px;
}
.test_nav_arrows .owl-controls .owl-nav [class*=owl-] i {
	color:#333;
	font-size:20px;
}
.left_dots .owl-dots {
	text-align:left;
}
.test_nav_lines.owl-theme .owl-dots .owl-dot span {
	width:20px;
	height:15px;
	display: block;
	background-color: transparent;
	position:relative;
}
.test_nav_lines.owl-theme .owl-dots .owl-dot span:before {
	content:"";
	width:100%;
	height:2px;
	background-color: #abacb2;
	position:absolute;
	margin-top: 6px;
	left:0;
}
.test_nav_lines.owl-theme .owl-dots .owl-dot.active span:before,
.test_nav_lines.owl-theme .owl-dots .owl-dot:hover span:before {
	background-color: #5bc98c;
}

Hi, have you found the solution?

Regards

hi. i exclude all the css code above! so, the owls/arrows shows ok! tks. i hope this part dont affects other parts of site.