WordPress.org

1. flugennock
   Member
   Posted 2 years ago #

   I've just about got my blog ready to go, but there's a small change I want to make: I want to have my masthead graphic about a hundred or so pixels taller, but as it's css and not straight html, I'm totally stumped as to how to change the code to allow for it. Right now, it's 1000x90, and I'd like to redefine the space as 1000x200.

   The blog is at http://www.sinkers.org/stage , and is using the theme "WPComic".

   I did a 'view source' on the page, and can see where the dimensions of the masthead graphic space are defined, but I haven't a clue what name to save the code as so that I can go in and reset the dimensions of the graphic space. Obviously, this would be a piece of cake in straight html, but I'm a stone-cold n00b with css and WordPress.

   What's really frustrating is that it's such a simple change. I've pretty much figured everything else out, now all I want to do is redefine the masthead graphic space as 1000x200 pixels, but I'm totally stumped as to how I'm supposed to do that.

   TIA,

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Your header size is defined in style.css:

   #header {
   color:#FFFFFF;
   height:90px;
   position:relative;
   width:1000px;
   }

   The header image height is defined in 2 separate places:

   In header.php:
   a#logo img { width:1000px; height:90px;

   and in style.css:
   

   a#logo {
   height:56px;
   position:absolute;
   width:1000px;
   }

   Right now the first of those (ie the one in header.php) takes precedence. Personally I'd get rid of the line in header.php and amend the relevant block in style.css

Topic Closed

This topic has been closed to new replies.