Requesting a little Drupal css assistance?

Events happening in the community are now at Drupal community events on www.drupal.org.
bobmct's picture

I think I'm on the right track but the result aren't evident so I thought I would ask the "experts".

On any book page content type (just like any other page but assigned to a book) there is a title field. Like all pages this title displays at the top of the page. When the title is exceptionally long it will automatically wrap to the next line. My research shows that this is controlled by the css line-height value. It appears that the only selector governing this area is the #main selection. As the title is wrapped in tags I added a new selector section to override the default in #main set to 1.2em as follows:

main h1 {

line-height:    2.0em;

}

I then disabled/re-enabled the css optimization and cleared all the cashes. At this time the titles that wrap now have about 1/2" of white space between the wrap. If I reduce the value to 1.5 its too close again. 1.7 its too big.

So for some verification: am I approaching this issue correctly? Is there another scale that I should be using for finer control with this attribute?

Thanks all - Bob

Comments

Do what you need 1.55em,

tommyent's picture

Do what you need 1.55em, 1.62em etc. The easiest way to do this would be to open up Chrome Developer tools or Firebug.
How long is the title?

Edit
You have 3 decimal places

Thanks (upside down) Tommy!

bobmct's picture

I did convert the ems to pixels and using a new qualified selection I was able to play with the pixel count and achieve the desired line spacing. Fortunately due to the selector qualification this is limited to the title alone.

Thanks for your suggestions - Bob

Connecticut

Group categories

County or Region

Event Type

Featured Item (Admin Only)

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: