Antenna Theme: My posts excerpts take up to much space.

pjfas13 · Member · Jan 5, 2015 at 1:19 pm
Copy link

Add topic to favorites
I am trying to find a way to scale down the amount of space a post excerpt takes up. I would like a standard size for posts on my front page (apart from the main/top post)

Currently on my laptop i can see just over one excerpt at a time and would prefer to see about 5-6.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 6, 2015 at 4:10 am
Copy link
There is 60px of bottom padding and margin on each post excerpt. You can add the following CSS and then tighten things up a bit.
```
.hentry {
    border-bottom: 1px solid #eee;
    margin-bottom: 60px;
    padding-bottom: 60px;
}
```
I’m afraid though that the above isn’t going to gain you much in the long run. Right now the parent div of the thumbnail image is set at a width of 300px. We can use the following CSS to reduce that. 150px puts the bottom edge of the image right at the bottom edge of the read more button, and since it takes up less space horizontally, the excerpt itself goes to only two lines.
```
.post-thumbnail {
    width: 150px;
}
```
Reducing the bottom padding and margin to 30px instead of 60 and then reducing the width of the thumbnails to 150px gives me nearly 3 excerpted posts on 1280px x 800px browser window (2 when scrolled clear to the top).
pjfas13 · Member · Jan 6, 2015 at 12:31 pm
Copy link
Many thanks for this. I will give this a try and see how it looks.
thesacredpath · Member · Jan 6, 2015 at 7:05 pm
Copy link
You are welcome.

No items found.