Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.
Hi,
I am using the Blog Post element to display my posts. Within this, the style being used is “single author, small preview pic”
and “excerpt with read more link”.
I would like to reduce the spacing between each post (i.e. after “read more”). Please see the “Trending Now” section, using link to my website below.
Could you please tell me how to do this.
Many thanks,
Angela
Hey Angeladlh,
Thank you for the inquiry.
You can use this css code to adjust the padding and margin of the post delimiter.
.flex_column .template-blog .post_delimiter {
margin: 0;
padding: 0;
}
This should adjust the space below the read more link.
Best regards,
Ismael
Hi Ismael,
I implemented the css code, from above, but it didn’t change the padding after the “read more” statement on my blog posts.
Any thoughts about this.
Thanks,
Angela
Hi Angela,
I have checked your site however it seems to be broken at the moment (please see screenshot link in private content).
Best regards,
Nikko
Hi Ismael,
I am not sure what was happening with the website when you checked. it is up and running now.
I have implemented the code below, but it is not adjusting the padding after the “read more” statement for each post.:
.flex_column .template-blog .post_delimiter {
margin: 0;
padding: 0;
}
Does the css need tweaking?
Thanks,
Angela
Hi,
Thank you for the update.
Looks like the style of the blog has changed since we last checked. For the current blog style or layout, you can use this css code.
.template-blog .post_delimiter {
margin: 0;
padding: 0;
clear: both;
}
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.
Best regards,
Ismael
Thank you, Ismael. That worked.