滑块上的自定义点，将填充除导航栏

Question

我有这个点，填充或不填充（取决于放入内圈ID），我想在Slick Slider上使用。

#outer-circle {
    height: 100px;
    width: 100px;
    position: relative;

    border-radius: 50%;
    padding: 100px;

    background: #fff;
    border: 15px solid red;
    color: red;
    text-align: center;

    font: 32px Arial, sans-serif;
}

#inner-circle {
    position: absolute;
   background: red;
   border-radius: 50%;
   height: 250px;
   width: 250px;

   top: 50%;
   left: 50%;
   margin: -125px 0px 0px -125px;
}

这是JSFiddle： https://jsfiddle.net/thirtydot/dQR9T/2637/

我想把它放在光滑的滑块类中+在滑块内部（不在其上方/下方）

https://github.com/kenwheeler/slick/blob/master/slick/slick-theme.css

任何人都知道如何在图片上看起来像这样？

在滑块中应该是文本（f.e。“Profesjonalizm”）和左侧的红色svg。当然，导航栏不是该滑块的一部分。

非常感谢任何帮助！

Answer 1

将导航栏设置在滑块上，位置为绝对位置，浮点数：左侧位于圆圈上。