By BNDAZ on
Ive been able to adjust the space between the top bar( where the logo is located) and the top of the homepage content box, but where is the adjustment for the height of the BAR across the the top?
Ive been able to adjust the space between the top bar( where the logo is located) and the top of the homepage content box, but where is the adjustment for the height of the BAR across the the top?
Comments
This is from your style
This is from your style sheet:
Change min-height to increase or decrease the height of the top bar.
thank you...what is em? I.E
thank you...what is em? I.E 1em can i change it to px?
Yes,, you can use px instead.
Yes,, you can use px instead.
i cant find that block of
i cant find that block of code...
I fopund this:
#header-region {
min-height: 1em;
background: #e1e1e1 url(bg-navigation.png) repeat-x 50% 100%;
im using notepad++ what line approximately?
That's the correct block...
That's the correct block... I'm using Firebug.
_
That's the line. Firebug adds stuff, but that's the line.
Change the min-height to however many pixels you want.
em scales to pixels, but the exact scaling tends to vary between browsers.
Pete.
just curious before i change
just curious before i change anything, it seesm to me that line indicates a MINIMUM height. 1em translates in to 1 px and is set a such now, how/why is the bar much taller than "1" now, is that because of the height of the image in the header?
=-=
using firefox with firebug addon you can remove the line that calls the image and test your theory directly in your browser without physically changing the css file in the theme until you are ready to.
i installed firebug, ill mess
i installed firebug, ill mess with this method, whats the navigation to to that? What i right click and choose inspect element im not getting a full style sheet.
=-=
you won't you only get the css used in that element. Firebug documentation and videcasts found on the web may help speed up the process of learning how to employ it.
_
Click on the blue arrow in the Firebug toolbar, then click on the element on the page.
You'll see the style for the element in the right hand pane of Firebug, and the source in the left.
If you click in the source window, you can scroll up and down with the arrow keys and the styles will follow the highlighted source.
See http://mongolia.charityrallies.org/sites/all/files/Screenshot-Michigan-R...
Pete.
_
1em = 1px? 1em is the default font size!
See http://jontangerine.com/silo/css/pixels-to-ems/
The div will expand to contain the image if there's no explicit height defined.
Pete.
Very nice, thank you
Very nice, thank you
ok in changing that attribute
ok in changing that attribute i find that it adds space ABOVE the "title bar" so to speak. what i want to change is the height of the colored area in which the title of the site is contained. It that as simple as just modifying the image that is used?
_
Don't quote me, as I can't look at the site, but I'd say so.
Pete.
Hmmm, tried changing the
Hmmm, tried changing the image height and nothing seemed to change.
Is there anything else i need to do once i replace the image in order for it to work?
i resaved the theme settings and refresh the browser...
push, still looking a way to
push, still looking a way to do this..
_
The header height is set by
at line 360 of Garland's style.css
Pete.
i changed it to 40px, cleared
i changed it to 40px, cleared cache ran cron, no change...
_
Garland isn't the easiest of themes to mess with, but the change affected my Garland theme as soon as I reloaded the page.
Pete.
See this:
Do you have the color module enabled? If so, take a look at this:
http://drupal.org/node/725532#comment-2645246