By baileyphil on

Evening All

Was wondering if somebody could help me, pretty new to Drupal and have been trying to get a image in my header, i now have the image in their but i have the site information name over laying the image, every time i move the image i move the overlaying text, cant work out how to get rid of the text, when i go into the theme option and remove the title the image goes as well, i have edited the Style.css file and this is what i have changed

/* begin Logo */
.art-Logo
{
display : block;
position: absolute;
left: 0px;
top: 17px;
width: 600px;
}

h1.art-Logo-name
{
display: block;
text-align: left;
line-height:36px;
}

h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
{
background-image: url('images/childfoundationlogo.JPG');
background-repeat: no-repeat;
height: 616px;
width: 381px;
margin: 0;
}

/* end Logo */

If anyone could help or have any questions let me know

Would really appreciate any help

Thanks

⋅ Categories: Drupal 6.x

Comments

thorshammer’s picture

thorshammer commented

In addition to editing your CSS file, it looks like you also need to change your basic page template: page.tpl.php. Within the div #header/header-inner, there are div's for #logo, #site-name, #site-slogan etc. When you disable the configuration setting to display the site title - and this results in your image above also disappearing as you say - it suggests that the .art-Logo div you are managing is located inside the #site-name div.

Likely better to move this to div #logo - which by default wraps the contents in a link pointing to your Homepage.

(page.tpl.php lives in the root directory of your theme.)

baileyphil’s picture

baileyphil commented

Afternoon Thorshammer

Sorry didnt notice your reply, ill give this a try and let you know how i get on

Thanks

Phil