Question related to: How can i reduce the size of the background of an image or remove it
left and right arrows not showning in the page, tried many css font and content, i think there's something missing
@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>
Do i need to include css file or something ?
Hope someone can help, i was working on it for hours without sucess