[Resolved] Reduce padding between excerpt and 'read more'

[Amit]

Hi Tom,

Like your theme and the GP Premium add-on!! Works like a charm. I am new to blogging and hence these questions. I want my posts page to be as dense as possible, i.e. I want to reduce the padding where possible to have as much content as possible.
1. I want to reduce the padding between the end of the blog excerpt and ‘read more’ link. Right now, the ‘read more’ link is on a new line thereby adding unnecessary padding. I would ideally like the ‘read more’ to appear at the end of the excerpt rather than on the next line. How can we achieve this.
2. Similarly I want to be able to reduce the padding between the excerpt and the meta (categories, tags etc)
3. Can we also have the category, tags and ‘leave a comment’ all in one line instead of 3 separate lines?

Thanks Amit

[Tom]

Hi Amit,

1. This may help: http://generatepress.com/forums/topic/display-read-more-inline/#post-117561

2. Try this CSS:

footer.entry-meta {
      margin-top: 0px;
}

3. This should do it:

.cat-links, .tags-links, .comments-link, footer.entry-meta .posted-on, footer.entry-meta .byline {
    display: inline;
    padding-right: 15px;
}

Adding PHP: http://generatepress.com/knowledgebase/adding-php-functions/
Adding CSS: http://generatepress.com/knowledgebase/adding-css/

[Amit]

Hi Tom,

Thanks a ton for your prompt response!!
1. Resolved.
2. Resolved.
3. Works like a charm!!

I have one more query. I see some padding between the Author Name & Post Time and the Content. Is there any way to reduce this as well?

Thanks
Amit

[Tom]

Try this:

.type-post .entry-content,
.type-post .entry-summary {
      margin-top: 0;
}

[Amit]

Hi Tom,

Thanks a ton!! Works perfectly!!

Thanks again for the great support.

Regards,
Amit

[Tom]

Happy to help 🙂

[Amit]

Hi Tom,

Reopening this thread as after some GP updates some of the earlier custom CSS has stopped working.
On my blog, epminsight.com there is extra padding which i want to remove.

1. On the main page, I would like to remove the extra padding between blog excerpt and the meta (category,tags, leave comment)

2. Once this padding is removed, there will be a padding between two posts. How do I reduce the padding between the meta line of one post and the title of the next post.

Regards,
Amit

[Tom]

Hi Amit,

1. Give this a try:

.entry-summary p:last-child {
    margin-bottom: 0;
}

2. This should do it:

.one-container .inside-article {
    padding-bottom: 30px;
}

• This reply was modified 8 years, 3 months ago by Tom.

[Amit]

Hi Tom,

As always, it worked perfectly. Thanks a ton for the awesome support!

Regards,
Amit

[Tom]

Happy to help! 🙂

[Author]

Posts