By JymBrittain on

Greetings,
I am setting up a site with a rather long site name "2008 Oklahoma Higher Education Teaching and Learning Conference". We're using the garland theme. The site name displays very nicely in Firefox. However if IE7's window width is not >1200 the logo and name disappear. Since my knowledge of css could fit in a thimble, leaving plenty of room to spare I am in need of assistance. How do I decrease the size of the site name in the header in the garland theme?

⋅ Categories: Drupal 5.x

Comments

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented 
#header h1 {font-size: 1.2em;}

Nancy W.
Drupal Cookbook (for New Drupallers)
Adding Hidden Design or How To notes in your database

NancyDru

Jeff Burnz’s picture

Jeff Burnz commented

Scan down to line 470 in sytle.css

/**
 * Header
 */
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  color: #fff;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em; <-- font size is here -->
}

Reduce the font-size it to something like 1.2em

BTW, never ever used Garland:) Not sure fi theres anything over riding that further on the sytle sheet... I doubt it, that should do the trick.

www.sitespring.eu

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.
abmm’s picture

abmm commented

Hi,

How do we reduce the size of the content in the site?
Your reply and help will be highly appreciated.

Thanks