Archived topic

Reduce padding between excerpt and 'read more'

9 replies · Started by Amit on July 6, 2015

Viewing posts 1–10 of 10

July 6, 2015 at 3:10 pm #119062

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

July 7, 2015 at 12:14 am #119122

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/

July 7, 2015 at 10:30 am #119279

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

July 7, 2015 at 6:22 pm #119367

Try this:

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

July 7, 2015 at 7:54 pm #119378

Hi Tom,

Thanks a ton!! Works perfectly!!

Thanks again for the great support.

Regards,
Amit

July 7, 2015 at 7:55 pm #119379

Happy to help :)

January 20, 2016 at 1:01 pm #167034

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

January 20, 2016 at 10:50 pm #167100

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;
}

January 22, 2016 at 11:31 am #167421

Hi Tom,

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

Regards,
Amit

January 22, 2016 at 1:35 pm #167438

Happy to help! :)

This archived topic is closed to new replies.

Start building better websites today.