与How can i reduce the size of the background of an image or remove it
有关的问题页面中未显示左箭头和右箭头,尝试了许多CSS字体和内容,我认为这里缺少一些东西
@media screen and (max-width:800px){
.my-view-detail .timeline-posts .owl-prev span,
.my-view-detail .timeline-posts .owl-next span{
display: none;
}
.mobile-next-prev{
margin-top: -50px;
}
.set-button-left{
position: inherit;
float: left;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f104";
}
.set-button-right{
position: inherit;
float: right;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
}
}
@media screen and (max-width:680px){
.mobile-next-prev{
margin-top: -110px !important;
position: relative !important;
z-index: 1000 !important;
}
}
<div class="row .mobile-next-prev">
<div class="col-sm-12">
<!-- pre start -->
<?php if($previous){ ?>
<a href="<?php echo base_url('details/'.$previous); ?>" class=".set-button-left" ></a>
<?php } ?>
<!-- pre end -->
<!-- next start -->
<?php if($nexts){ ?>
<a href="<?php echo base_url('details/'.$nexts); ?>" class=".set-button-right" ></a>
<!-- next end -->
<?php } ?>
</div>
</div>
我是否需要包含CSS文件或其他内容?
希望有人可以提供帮助,我花了几个小时没有成功