Reducing spaces – Pixelwars

Posted in : Read WP
afuscan
Participant
6 May 2014 at 23:18
#14031

Hey,

I’d like,if possible, to reduce the white space between

a) the site title and the menu and

b) the entry title and entry-meta

both with about 50 %. Is there any easy way to do this with custom css where I could experiment with the values?

Also, would it be possible to increase the size of the comments icon to about the same height as the share icon? I suspects the difference in height is what’s causing everything on the page below the entry title to drop just a bit when going from the main blog page to an individual post. Not a big thing, I admit, but just one of those little annoyances… ;-)

Thanks very much!
ahmetsali
Keymaster
7 May 2014 at 03:48
#14046
Hi,

1-) try this custom css code;
```
.site-header hgroup {
    padding-bottom: .8em;
}
```
2-) try this one;
```
.entry-title {
    margin-bottom: 1px;
}
```
3-)
```
.entry-meta .comments-link:before {
    font-size: 1.62em;
}
```
afuscan
Participant
7 May 2014 at 19:47
#14059

Hi,

Thanks for your swift reply. I’m having some problems though.

1-) the code seems only to make the white space bigger. I would like to make it SMALLER by about 50 percent.

2-) the code works very well on main blog page, but when I view the individual post the distance between entry-title and entry-meta is still the same. Could something be added to the code snippet in order to also include individual post view?

3-) Great! ;-)
ahmetsali
Keymaster
9 May 2014 at 16:19
#14122
1-) you can play with the values if you are not satisfied with the results, such as;
```
.site-header hgroup {
    padding-bottom: 0em;
}
```
2-) try also adding this;
```
.single .entry-meta {
    margin-top: 0em;
    }
```

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Read WP - Minimalist WordPress Blog Theme

by pixelwars