Skip to content
This repository has been archived by the owner on Aug 6, 2024. It is now read-only.

Headers sizes and color inside posts and pages #31

Closed
qn7o opened this issue Jul 16, 2014 · 8 comments
Closed

Headers sizes and color inside posts and pages #31

qn7o opened this issue Jul 16, 2014 · 8 comments
Milestone

Comments

@qn7o
Copy link

qn7o commented Jul 16, 2014

I know it's a hairy layout decision to make because there isn't really any good solution to this, but still, I might be worth to give it some attention.

I'm a bit confused about the headers sizes (examples in attachment).

headers_sizes

Is it normal that inside a post, a top level header (h1) is bigger (50px) than the post's title itself (40px) ? Same goes for h2 (40px), which is the same size. On top of that, headers inside posts are darker than the post's title, which automatically gives them some sort of prevalence.

While writing, it leads me to pick h3 as top level headers, so the final aspect isn't misleading. It's something I really often see in Wordpress themes and it always seemed wrong to me.

Possibilities:

  • won't fix: perhaps it's exactly like that in Ghost, and you prefer to keep it that way
  • won't fix: if it really bothers the writer, he can still use the h3 workaround
  • fix: lower the headers' size and eventually make them just a bit brighter
  • fix: make the post's title bigger (but I think it's just perfect the way it is right now)
  • fix: use a different font for the main title than for the inner headers (delicate choice)

An example that handles it a bit better (imo): Filtered, by ThemeTrust (http://themetrust.com/demos/filtered/?page_id=2). But it's not perfect: inner h1 is still bigger (32px) than the main title (29px). Although you can note that they use different fonts: Droid Serif for the main title, Droid sans for the inner content.

Hope that helps.

@KeSch
Copy link

KeSch commented Jul 16, 2014

I think it's not a big deal. You can change the header size to whatever you want. For example with the built-in WordPress-Editor, which you've already mentioned elsewhere.

If you want to keep your changes in the css, even if the theme get's an update, a child theme is a good solution.

@qn7o
Copy link
Author

qn7o commented Jul 16, 2014

This is way too annoying to be monkey patched using the built-in css editor. But if @lacymorrow doesn't fix it, I'll take a shot at the child theme (didn't know that feature, thanks a lot for the link).

@lacymorrow
Copy link
Owner

I figure it is just something that ghost does since I didn't design that specifically. Let me see if there are any good reasons to keep it but will probably fix: lower the headers' size.
I don't intend to brighten as it makes the in-post headers stand out a bit from the post title

@qn7o
Copy link
Author

qn7o commented Jul 17, 2014

@lacymorrow sweet, thanks for your time :)

@lacymorrow
Copy link
Owner

Decided to leave as-is, since ghost casper version whatever decided the same and this is a port. Users can change in css themselves.

recommend installing from http://wordpress.org/themes/casper/ for automatic updates

Thank you @ABourguignon !

@qn7o
Copy link
Author

qn7o commented Sep 16, 2014

Hey Lacy,

Ok. By the way, perhaps it might be worth it to include this URL in the README; I didn't know it was available there and installed it using this Github repo (therefore no updates) ;)

@lacymorrow
Copy link
Owner

thanks for the heads up!

@lacymorrow lacymorrow reopened this Oct 14, 2014
@lacymorrow
Copy link
Owner

Due to popular demand, going to implement this.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants