[Support request] different css for pages, posts page & individual posts

[Russell]

Up until wp5.0 I had been using .inside-article (see below for example) to display different h1-h6 for individual posts. It worked well until the recent shift to wp5.0. Now all h1-6 pages and post appear to default back to the h-1 setting in the the customizer.

What I seek is the css code for the posts page and a separate one for individual posts that can be placed in the Simple CSS plugin (Thanks Tom! Great work!). That way I can set it and go.

Any ideas for the .inside-article replacement for individual posts? and something similar for the posts page?

}
.inside-article h2{
font-size: 18px;
}

GeneratePress 2.2.2

GP Premium 1.7.8

[Leo]

Hi there,

Not quite sure if I understand.

When I look at the home page, Elementor is setting the font size for h1:
https://www.screencast.com/t/dAcN6nBHwd9

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Russell]

Yes, for the homepage elementor is setting the H1 font.

But I’m interested in not using elementor for blog page (agnetic.com/articles) and the individual posts. So I’m looking to set the H1 – H6 headings in those two instances different from the default or Elementor settings I have for other pages.

For a broader context:
I create my blogs in the Scrivener app. Then I compile it to a combination of markdown and html (via Bbedit app) and then copy and past that into a wordpress post.

all to achieve the various formatting requirements (font size, popup footnotes, etc.)

[Leo]

Sorry if I’m missing something but then the customizer would be the best option no?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Russell]

well, if there is a way to set different sets of headings 1 through 6 for the following via the customizer, I’m missing it and looking for direction:
1) website wide
2) blogs page
3) individual blog

[Leo]

Ahh I see.

The blog/archive page should only have h2 and this CSS should work:

.blog h2.entry-title, .archive h2.entry-title {
    font-size: 30px;
}

Single posts would be

.single h1 {
    font-size: 30px;
}

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Russell]

will do » thanks Leo!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Russell]

Leo » this worked perfectly. Thank you!

[Leo]

Awesome!

Glad I could help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts