You can see right on the site at this link: link
Can anyone tell me why the episode grid is looking like this:
ThecodeI'musingis:
<divclass="row">
<?php
$counter = 0;
$episodes = $this->crud_model->get_episodes_of_season($season_id);
foreach ($episodes as $row2):
?>
<div class="col-md-3">
<a href="#" onclick="jwplayer().playlistItem(<?php echo $counter++;?>)">
<img src="<?php echo $this->crud_model->get_thumb_url('episode' , $row2['episode_id']);?>"
style="height: 150px; margin-top:10px;" /></a>
<br>
<h5><?php echo $row2['title'];?></h5>
</div>
<?php endforeach;?>
</div>
And at the top of the page is a css with this code:
.movie_thumb{}
.btn_opaque{font-size:20px; border: 1px solid #939393;text-decoration: none;margin: 10px;background-color: rgba(0, 0, 0, 0.74); color: #fff;}
.btn_opaque:hover{border: 1px solid #939393;text-decoration: none;background-color: rgba(57, 57, 57, 0.74);color:#fff;}
.video_cover {position: relative;padding-bottom: 30px;}
.video_cover:after {
content : "";
display: block;
position: absolute;
top: 0;
left: 0;
background-image: url(<?php echo $this->crud_model->get_poster_url('series' , $row['series_id']);?>);
width: 100%;
height: 100%;
opacity : 0.2;
z-index: -1;
background-size:cover;
}
.select_black{background-color: #000;height: 45px;padding: 12px;font-weight: bold;color: #fff;}
.profile_manage{font-size: 25px;border: 1px solid #ccc;padding: 5px 30px;text-decoration: none;}
.profile_manage:hover{font-size: 25px;border: 1px solid #fff;padding: 5px 30px;text-decoration: none;color:#fff;}