Я создал шрифты с gulp-iconfont.Имел кучу изображений SVG.Я вижу их на своей странице, но они слишком маленькие.Я упускаю что-то очевидное, но не могу найти его.
<div class="slider show" alt="" style="">
<div class="wrapper">
<div class="row">
<div class="col-1">
<span><i class="s s-prev left-arrow"></i></span>
</div>
<div class="col-10">
<h1 class="title">
Itaque earum rerum hic tenetur
</h1>
</div>
<div class="col-1">
<span><i class="s s-next right-arrow"></i></span>
</div>
</div>
<div class="row">
<div class="col-6">
<p class="text">
At vero eos et accusamus et iusto
odio dignissimos ducimus qui
blanditiis praesentium voluptatum
deleniti atque corrupti
</p>
</div>
</div>
<div class="row">
<div class="col-12">
<button type="button" class="btn" style="background-image: url(./images/button_arrow_white.png);">Contact us</button>
</div>
</div>
</div>
</div>
У меня есть две иконки в этой части.Стрелка влево и вправо.Вот часть CSS.
.s-prev , .s-next{
background-color: $white;
font-size: 65px;
color: black;
display: block;
}
.s-prev {
float: left;
}
.s-next {
float: right;
}
.arrow {
margin-bottom: 0;
padding: 0;
}
Я сделал снимок, чтобы показать вам иконку.
Вы можете увидеть маленькую черную точку внутри.Но это 65px, поэтому оно должно быть больше.