I have been playing with this for hours, getting a little ragged around the edges now.

As can be seen I have set the size of the logo and have lowered the body so the logo doesn't overlap it. I now want to lower the dark blue area so it is just below the logo.

What am I looking for in the CSS file?

Garland theme.

http://www.wmpbc.org.nz/

Where can I find specific information on the garland theme that shows/names the areas affected by the CSS file as I am not a coder and really feel out of my depth and would like to get an understanding of what I am attempting.

Here is a classic example.

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
line-height: 120px;
position: relative;
z-index: 2;
white-space: nowrap;
}

What does it mean, and what does it affect.

Regards

Fred

Comments

bwv’s picture

derfz’s picture

Thank you for the pointer.

I had already done that to lower the body

#wrapper #container #header {
/* Adjusted to accomodate logo */
  height: 200px;
}

But it hasn't lowered the area where the site name is (the dark blue area).

I did clear both caches before testing.

Regards

Fred