Joomla Templates Club 406,261 posts

[melanieb Friend melaniebJoin date: July 2011Posts: 274Downloads:0Uploads:23 Thanks: 31 Thanked: 23 times in 1 posts]

#181407

Hi,

I want to insert a header background image in place of the block colour. I am trying (without success). I have made the following changes to the template.css:

/* HEADER
——————————————————— */
#ja-header {
background:url(http://www.mysite.com/images/header.png) no-repeat;
border-bottom: 1px solid;

}

#ja-header .main {
padding: 10px 0;
}

h1.logo, div.logo-text h1 {
font-size: 250%;
line-height: 1;
margin-left: 10px;
}

/* Logo Image —*/
h1.logo {

width: 250px
height: 150px;
}

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 250px;
height: 150px;
}

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#469986

so whats the problem? Is the header not showing at all? or not filling the space properly? you just say trying without success? we need a bit more than that.

If the header doesn’t show … are you usings a particular theme, if so modify the templae.css in the theme folder, add the logo.png to the theme images as well other than that I can’t comment
Blessings Shannon

1 user says Thank You to tfosnom for this useful post

1. melanieb

[melanieb Friend melaniebJoin date: July 2011Posts: 274Downloads:0Uploads:23 Thanks: 31 Thanked: 23 times in 1 posts]

#470007

Hi Shannon,

brilliant! thank you! I had to put it in the theme css as you suggested.Now it fits perfectly – once again a big thanks.:laugh:

[Author]

Posts