Добавил слайдеры Jquery и в настройках добавил dots. но почему то они не круглые а плоскими полосками. как можно изменитьих?

Question

[otgorn]

$(document).ready(function(){

  $('.slider__inner').slick({
 	arrows:false,
 	dots:true, 
 });

});

Comments

[Антон]

CSS'ом, взять и переопределить или переписать

[otgorn]

попробовал. что то не то.

<div class="container">
			<div class="wrappaer-7">
				<div class="lefth3">
					<h3>Taking producers and content managers to a whole new level</h3>
				</div>
				<div class="slider__inner slick-initialized slick-slider slick-dotted">
					<div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 3990px; transform: translate3d(-570px, 0px, 0px);"><div class="slider__item slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 570px;">
						<div class="slider__image">
							<img src="app/img/Ellipse 2.png" alt="">
						</div>
						<div class="slider__quotes">“Nunc, placerat neque in nunc ipsum et dui morbi nulla neque ipsum”</div>
						<div class="slider__text">
							<p>Faucibus amet proin aliquam nec, augue quis dictumst massa cursus quam blandit faucibus nisi nec lectus aenean tempus</p>
						</div>
						<div class="slider__span">
							<span>- Yana Lin, CEO at Google</span>
						</div>
					</div><div class="slider__item slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide00" aria-describedby="slick-slide-control00" style="width: 570px;">
						<div class="slider__image">
							<img src="app/img/Ellipse 2.png" alt="">
						</div>
						<div class="slider__quotes">“Nunc, placerat neque in nunc ipsum et dui <br> morbi nulla neque ipsum”</div>
						<div class="slider__text">
							<p>Faucibus amet proin aliquam nec, augue <br> quis dictumst massa cursus quam blandit <br> faucibus nisi nec lectus aenean tempus</p>
						</div>
						<div class="slider__span">
							<span>- Yana Lin, CEO at Google</span>
						</div>
					</div><div class="slider__item slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide01" aria-describedby="slick-slide-control01" style="width: 570px;">
						<div class="slider__image">
							<img src="app/img/Ellipse 2.png" alt="">
						</div>
						<div class="slider__quotes">“Nunc, placerat neque in nunc ipsum et dui morbi nulla neque ipsum”</div>
						<div class="slider__text">
							<p>Faucibus amet proin aliquam nec, augue quis dictumst massa cursus quam blandit faucibus nisi nec lectus aenean tempus</p>
						</div>
						<div class="slider__span">
							<span>- Yana Lin, CEO at Google</span>
						</div>
					</div><div class="slider__item slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide02" aria-describedby="slick-slide-control02" style="width: 570px;">
						<div class="slider__image">
							<img src="app/img/Ellipse 2.png" alt="">
						</div>
						<div class="slider__quotes">“Nunc, placerat neque in nunc ipsum et dui morbi nulla neque ipsum”</div>
						<div class="slider__text">
							<p>Faucibus amet proin aliquam nec, augue quis dictumst massa cursus quam blandit faucibus nisi nec lectus aenean tempus</p>
						</div>
						<div class="slider__span">
							<span>- Yana Lin, CEO at Google</span>
						</div>
					</div><div class="slider__item slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" tabindex="-1" style="width: 570px;">
						<div class="slider__image">
							<img src="app/img/Ellipse 2.png" alt="">
						</div>
						<div class="slider__quotes">“Nunc, placerat neque in nunc ipsum et dui <br> morbi nulla neque ipsum”</div>
						<div class="slider__text">
							<p>Faucibus amet proin aliquam nec, augue <br> quis dictumst massa cursus quam blandit <br> faucibus nisi nec lectus aenean tempus</p>
						</div>
						<div class="slider__span">
							<span>- Yana Lin, CEO at Google</span>
						</div>
					</div><div class="slider__item slick-slide slick-cloned" data-slick-index="4" aria-hidden="true" tabindex="-1" style="width: 570px;">
						<div class="slider__image">
							<img src="app/img/Ellipse 2.png" alt="">
						</div>
						<div class="slider__quotes">“Nunc, placerat neque in nunc ipsum et dui morbi nulla neque ipsum”</div>
						<div class="slider__text">
							<p>Faucibus amet proin aliquam nec, augue quis dictumst massa cursus quam blandit faucibus nisi nec lectus aenean tempus</p>
						</div>
						<div class="slider__span">
							<span>- Yana Lin, CEO at Google</span>
						</div>
					</div><div class="slider__item slick-slide slick-cloned" data-slick-index="5" aria-hidden="true" tabindex="-1" style="width: 570px;">
						<div class="slider__image">
							<img src="app/img/Ellipse 2.png" alt="">
						</div>
						<div class="slider__quotes">“Nunc, placerat neque in nunc ipsum et dui morbi nulla neque ipsum”</div>
						<div class="slider__text">
							<p>Faucibus amet proin aliquam nec, augue quis dictumst massa cursus quam blandit faucibus nisi nec lectus aenean tempus</p>
						</div>
						<div class="slider__span">
							<span>- Yana Lin, CEO at Google</span>
						</div>
					</div></div></div>
					
					
				<ul class="slick-dots" style="" role="tablist"><li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 3" tabindex="0" aria-selected="true">1</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 3" tabindex="-1">2</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 3" tabindex="-1">3</button></li></ul></div>
				
			</div>
		</div>

.slider__inner ul li {
  list-style-type: none;
  width: 9px;
  height: 9px;
  border-radius: 9px; }