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

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

Home Forums Support different css for pages, posts page & individual posts

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #833992
    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;
    }

    #834046
    Leo
    Staff
    Customer Support

    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

    #834067
    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.)

    #834192
    Leo
    Staff
    Customer Support

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

    #834215
    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

    #834236
    Leo
    Staff
    Customer Support

    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 🙂

    #834336
    Russell

    will do » thanks Leo!

    #834806
    Leo
    Staff
    Customer Support

    No problem 🙂

    #891054
    Russell

    Leo » this worked perfectly. Thank you!

    #891055
    Leo
    Staff
    Customer Support

    Awesome!

    Glad I could help 🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.