Docs

[pdopchev]

Hi guys,

I’ve been playing around with the Heading sizes and noticed that:

1) when I have heading level H2 looks like H2 there is no or less padding under the heading than when I have heading level H2 looks like H4.

2) heading level H2 looks like H6 it is capitalized

Cannot track down the reason for those events, any idea?

Thank you!

link:http://www.enjoycrestedbutte.com/crested-butte-trails-crested-butte-to-aspen

p.s. this is what I have for custom css for headings:

/* Headings */
h1 {
  font-weight: bold !important;
  font-size: 3em !important;
}
h2 {
  color: #bfa985 !important;
  font-weight: bold !important;
  font-size: 2.3em !important;
}

h3 {
  color: #bfa985 !important;
}
  
h4 {
  color: #333 !important;
}

[Friech]

Hi There,

Thanks for writing in! Ethos has a different margin bottom for different looks like class. Though you could control those bottom margins with mbn, mbs, mbm, and mbl classes.

See the bottom of this post for more info about spacing helpers class.

#2 Yup, H6 and looks like H6 has a text-transform: uppercase; property applied to it. You could change that to none so the text wont transform to capitalize.

h6, .h6 {
	text-transform: none;
}

Hope it helps, Cheers!

[Author]

Posts