WordPress.org

1. fauxfire76
   Member
   Posted 3 weeks ago #

   So I'm using the Aspire theme and I'm trying to use an image for the header as opposed to just having it type out the blog title/description. I've gotten it to use it but it won't line up correctly no matter what I change. I've tried manipulating the stylesheet header section...

   .header {width:627px; height:250px; background: url(images/header-bg.jpg) no-repeat;}
   	.logo {position:absolute; left:0px; top:115px; width:627px; height:127;}
   	.logo h1 {font: bold 26px/120% Georgia; color:#602600; padding:0 0 10px 20px; margin-right:16px;}
   	.logo .description {position:absolute; right:20px; top:30px; font: bold italic 18px/120% Georgia; color:#602600;}
   	.logo h1 a, .logo h1 a:hover {color:#602600; text-decoration:none;}
   	.logo a b {}

   And I've tried changing the header.php as well and still no luck. Any suggestions?

   The site URL is http://www.voxmortuum.net.

   (Yes I know I have to edit the image a bit. I'm only concerned with the alignment right now.)

2. esmi
   Member
   Posted 3 weeks ago #

   It's not the header CSS that needs editing but the post content CSS. Try changing:

   #main {
   float:left;
   position:relative;
   width:627px;
   }

   to

   #main {
   float:left;
   margin-top:80px;
   position:relative;
   width:627px;
   }

3. fauxfire76
   Member
   Posted 3 weeks ago #

   Thank you very much! I wouldn't have thought to change that section. Much appreciated.

4. fauxfire76
   Member
   Posted 3 weeks ago #

   Did some quick edits on the image and it all looks fabulous! Thanks again! =D

Reply

You must log in to post.