Docs

[Loren N]

I’ve trawled the forum but nothing I’ve found seems to work.

1. On the main blog page, I want the post titles to be bigger.
http://startingconversations.co.uk/blog/

2. On blog posts themselves, I want to change the size of the H2, H3 tags and I want to change the normal paragraph size (bit bigger).

3. Lastly, and again, on blog posts only, I want to be able to style the block quote. I’d like less padding/margin, to add a background colour and to alter the font family and size.

Can you help?

Thanks.

[Joao]

Hi There,

1- Please add the following codes to Appereance > Customizer > Custom > CSS

.entry-title {
    font-size: 220%;
}

2-

.single.single-post h2, single single-post .h2, single single-post h3, single single-post .h3 {
font-size: 14px;
}

3-

blockquote h4 {
margin: 0;
}
blockquote {
background: red;
}

Hope it helps

Joao

[Loren N]

Hi,
That worked, although for no. 3, I want to change the block quote in the blog only (I’m still using it elsewhere).

[Joao]

HI There,

Please use this code instead:

.blog blockquote h4 {
margin: 0;
}
.blog blockquote {
background: red;
}

Hope it helps

Joao

[Loren N]

Hi,

That hasn’t worked. Nothing is happening now – not to any block quote?

Also, can you advise how I can make the body copy of a blog post a bit bigger.

Thanks

[Rupok]

Hi there,

Thanks for writing back. The code is for blog page but as you are referring single blog posts, you can use this code instead :

.single-post blockquote {
  background: red;
  color: #fff;
  font-family: "Lato", sans-serif;
}

.single-post blockquote p {
  margin: 0;
}

And for blog post boy copy, use this :

.single-post .entry-content.content {
    font-size: 16px;
}

Cheers!

[Loren N]

Awesome! All sorted. Thank you!:-)

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts