consistent CSS working on post links (permalinks)

Home Forums Automattic Wire consistent CSS working on post links (permalinks)

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #108618 Resolve

    revelriter

    Hello again,

    Is there is easy way to ensure consistency in CSS on post permalink pages? For instance, on my home page, the CSS displays the font headers and body text correctly, but on the post linked pages (such as this page), the CSS reverts to the default. Any way to avoid this?

    The blog I need help with is revelritermedia.com
    #141233

    Kathryn P.
    Happiness Engineer

    Hi there, did you manage to get this sorted out? Both the homepage and the sample post you linked to are displaying the same heading and body font on this end.

    If you’re still having trouble, would it be possible to upload a screenshot of what you’re seeing on the sample post, to help in troubleshooting?

    Here’s a guide on how to make a screenshot, if you’re not sure: http://en.support.wordpress.com/make-a-screenshot/

    You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library so I can see it. Thanks.

    #141244

    revelriter

    Welcome back Kathryn!

    I haven’t sorted it out yet, but admittedly I haven’t tried much (I decided to work full time and attend school…ugh). That’s strange that they look equal on your end. So I did upload two png screen shots to the media library, one of the sample post on the home page, and one of the same post on the post page. You’ll note the much larger header on the post page.

    Hey thanks again for your help!

    #141245

    revelriter

    Welcome back Kathryn!

    I haven’t sorted it out yet, but admittedly I haven’t tried much (I decided to work full time and attend school…ugh). That’s strange that they look equal on your end. So I did upload two png screen shots to the media library, one of the sample post on the home page, and one of the same post on the post page. You’ll note the much larger header on the post page.

    Hey thanks again for your help!

    #141246

    revelriter

    Don’t know why that just posted 2x…

    #141273

    Kathryn P.
    Happiness Engineer

    Hi there, thanks for the screenshots – I do see the different post title heading sizes. When reading your original question, I thought you meant that the font itself was different – I didn’t realize you were trying to get the heading size to be the same. :-)

    To make those sorts of tweaks, you’ll need to add some custom CSS. If you want to make the post title headings smaller on the single post pages, you can try adding this, and adjust 24 to whatever size you prefer:

    .post h1.entry-title {
    font-size: 24px;
    }

    Let me know how it goes!

    #141296

    revelriter

    Ah, yes. I should include key words such as size :)

    Your snippet worked! I just need to sit down and read up on CSS before I bug you 100x. Thanks again for your CSS magic!

    #141297

    Kathryn P.
    Happiness Engineer

    Great, glad that worked!

    Here are a few good resources on CSS that you might want to start off with:

    https://dailypost.wordpress.com/2013/07/25/css-selectors/

    http://dailypost.wordpress.com/2013/06/21/css-intro/

    http://en.support.wordpress.com/custom-design/custom-css/

    Have fun!

    #141298

    Kathryn P.
    Happiness Engineer

    p.s. I’m marking this thread as resolved and closing it, but feel free to start a new one if you need help with anything else.

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘consistent CSS working on post links (permalinks)’ is closed to new replies.