Hello Amazing Folks,
I’m looking to customize the “Post Slider” appearance on our developing site. I only want the post image, title, date and a read more link. There are extra spaces and lines that appear between these elements.
What I’d like to do is:
1. Remove the line that appears below the title
2. Lessen the amount of space between the title and the read more button
3. Make the “read more” button less prominent or a simple “…Read More” link
4. Remove the horizontal lines above and below the date
5. Adjust the space between the date and the read more button or link above it.
Is this possible?
Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
.html_elegant-blog .avia-content-slider .slide-entry.post-entry span.av-vertical-delimiter {
display:none !important;
}
.html_elegant-blog .avia-content-slider .slide-entry.post-entry .slide-meta {
border-top-width: 0px !important;
border-bottom-width: 0px !important;
padding: 0px !important;
margin-top: 0px !important;
}
.html_elegant-blog .avia-content-slider a.more-link {
margin: 0px !important;
border: none !important;
border-width: 0px !important;
padding: 0px !important;
}
.html_elegant-blog .avia-content-slider .read-more-link {
top: 0px !important;
padding-bottom: 0px !important;
}
.html_elegant-blog .avia-content-slider .slide-entry-title {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
Best regards,
Mike
Wow! Thank you Mike!
That did what I wanted perfectly! SO APPRECIATED!!!!