Messed up Header image in Aspire

  • Resolved fauxfire76

    (@fauxfire76)


    15 years, 1 month 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 https://www.voxmortuum.net.

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • 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;
}
    Thread Starter fauxfire76

    (@fauxfire76)

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

    Thread Starter fauxfire76

    (@fauxfire76)

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Messed up Header image in Aspire’ is closed to new replies.