CSS help - on blog plugin and with general padding

I’ve done a little web work about 15 years ago, but I’m definitely not a modern day expert. I could use a little help with some CSS. Been stuck in two areas.

  1. First, I’m having trouble getting my blog titles to have the right font.

On the main blog page, the entry titles look okay: http://jaacobbowden.com/GolfBlog.html

But when I click on the title link to go to that blog post’s page, the title font isn’t the same.


I’ve tried a number of combinations. Not getting it.

Any ideas on what to put in?

  1. I also have a lot of white space around the body that I’m trying to shrink in the theme I’m using.


I’ve tried custom CSS playing with padding using some IDs I thought might work…no luck.

What should I put in?

For your title try adding this CSS:

h1.blog-entry-title {
    font-size: 36px!important;
    font-weight: 700;

As for the White space" not sure what your asking for, on the blog or on all pages?

1 Like

The post page title uses the following CSS:
h1.blog-entry-title {
font-size: 14px!important;
font-weight: normal;
letter-spacing: 1px;
padding: 20px 0 5px;

But the golfBlog page it’s set to a different class (blog-permalink) which is changing things like the font family and size
font-family: ‘Varela’, sans-serif;

You can use the page level CSS to override and add the font-family and font-size

i.e. whitespace, can you be more specific?

1 Like

Awesome, thanks. I got the titles working. I was mistakenly putting h1 after .blog-entry-title instead of before.

As for the white space, it’s the amount of white space on every page on the site. See red circles in attached jpeg.

section #padding {
padding-top: 100px;
padding-bottom: 100px;
line-height: 40px;
padding-left: 10%;
padding-right: 10%;

1 Like

Brilliant, thank you very much. I was making a mistake in the section line.

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.