Blog post H1/entry text and P text

Hi Guys,

I am putting together my first blog post and for some reason the Entry title and the Paragraph text aren’t the same as my website? I have never tweaked the settings/css for posts before.

From what I can see using the developer tools:

  • H1 Entry Title: is set to 250% (I haven’t done this) and it’s smaller than a standard H2 in the post.

  • The Paragraph text is grey not black which is selected in the global settings in my site

Can you give me any idea why this might be and whether I am just missing something - before I end up trying to change it with CSS

Thanks in advance!

Hey Niall,

Regretfully, that’s the design of our theme and there’s no option offered to change it so you need to use CSS.

The good news is, we are building a Layout Builder which will allow our users to build a custom archive and single pages.

Please stay tuned for updates.

Thanks.

1 Like

Hi Christian,

That’s fantastic news! I’m looking forward to the layout builder arriving :slight_smile:

Could you help me with the right selectors so that I can target them globally?

Would It be

.entry-title {
margin: 0;
font-size: 250%;
line-height: 1.05;
}

.entry-content p {
color: #000000;
}

Thanks in advance!

Hi Niall,

The selectors would be:

.single-post .entry-title {

}

and

.single-post .entry-content {

}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!

1 Like

Thank you both so much for your help!

Hi Niall,

We are glad to help you.

Thanks

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