Topic: consistent CSS working on post links (permalinks)

Tagged: custom CSS, permalinks

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

Author

Posts
September 30, 2013 at 5:19 am #108618 Resolve

revelriter
Member

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

October 6, 2013 at 6:53 pm #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.

October 6, 2013 at 11:13 pm #141244

revelriter
Member

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!

October 6, 2013 at 11:13 pm #141245

revelriter
Member

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!

October 6, 2013 at 11:14 pm #141246

revelriter
Member

Don’t know why that just posted 2x…

October 7, 2013 at 2:06 pm #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!
October 7, 2013 at 7:40 pm #141296

revelriter
Member

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!

October 7, 2013 at 7:50 pm #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!

October 7, 2013 at 7:51 pm #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.
Author

Posts

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

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