Tagged: postslider
I just updated to Enfold 5.0 and I thought updating would fix this, but it didn’t. The post slider on our homepage isn’t loading correctly as if it’s missing some CSS. The comments and the dates aren’t showing correctly, specifically.
Hey John,
Thanks for contacting us!
You have following code in custom.css file
#recent-post .slide-meta {
padding: 10px 15px;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
margin-top: -26px;
margin-bottom: 6px;
}
Could you please change it to following
#recent-post .slide-meta {
padding: 10px 15px;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 6px;
}
Edit: And change following code
#recent-post .slide-meta-comments {
padding-left: 10px;
height: 22px;
transform: translate(100px,163px);
border-left: 1px solid #e1e1e1;
}
to following
#recent-post .slide-meta-comments {
padding-left: 10px;
height: 22px;
border-left: 1px solid #e1e1e1;
}
Best regards,
Yigit
I just updated both. It looks better, but has some random icon next to the comments and the date of each post. Not sure if it’s supposed to look like that or not.
Hi,
It seems like you used to display FontAwesome icons there. You can remove following codes from custom.css file to remove those
#recent-post .slide-meta-comments a::before {
font-family: "FontAwesome";
content: "\f086";
font-size: 22px;
margin-right: 10px;
color: #239dd8;
}
#recent-post .slide-meta-time::before {
font-family: "FontAwesome";
content: "\f017";
font-size: 22px;
margin-right: 10px;
color: #239dd8;
}
Regards,
Yigit
That seemed to work, Thank you.