Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 28, 2023 at 5:03 am #1399464
    Angeladlh

    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

    February 28, 2023 at 8:21 am #1399482
    Ismael

    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

    March 2, 2023 at 7:06 am #1399751
    Angeladlh

    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

    March 2, 2023 at 9:13 am #1399761
    Nikko

    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

    March 3, 2023 at 3:29 am #1399921
    Angeladlh

    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

    March 3, 2023 at 8:47 am #1399946
    Ismael

    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

    March 8, 2023 at 7:30 am #1400430
    Angeladlh

    Thank you, Ismael. That worked.

    March 8, 2023 at 7:22 pm #1400500
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.