Joomla Templates Club 406,261 posts

[stewarttodd Friend stewarttoddJoin date: March 2008Posts: 43Downloads:0Uploads:6 Thanks: 10]

#129882

I want to change the BG color of the header (where the logo is) to a blue to match the blue top menus.

Where could I find that code?

Thanks!

[stewarttodd Friend stewarttoddJoin date: March 2008Posts: 43Downloads:0Uploads:6 Thanks: 10]

#254729

I’ve found a way to change the bg color (basically using an image about 900px wide with the colored background).

However, I need to adjust the logo down. My current code is below, and you can see the problem here:

http://74.54.218.226/~gilmore/

#ja-header {
height: 100px;
line-height: normal;
position: relative;
}

#ja-header a {
}

h1.logo, h1.logo-text {
margin: 0;
padding: 0;
font-size: 200%;
}

h1.logo a {
width: 949px;
display: block;
background: url(../images/logo.gif) no-repeat;
position: absolute;
height: 100px;
bottom: 15px;
left: 0;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

h1.logo-text a {
text-decoration: none;
outline: none;
position: absolute;
bottom: 35px;
left: 15px;
}

p.site-slogan {
margin: 0;
padding: 0;
color: #858783;
position: absolute;
bottom: 20px;
left: 15px;
}


[stewarttodd Friend stewarttoddJoin date: March 2008Posts: 43Downloads:0Uploads:6 Thanks: 10]

#254733

Is it also possible to move the blue logo down to touch the blue top menu so that it looks like on solid blue box?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#254816

Hi
you can edit template.css (line 712)

h1.logo a {
background:transparent url(../images/logo.gif) no-repeat scroll 0% 0%;
bottom:15px; <-- change here
display:block;
height:100px;
left:0pt;
position:absolute;
width:949px;
}

[Author]

Posts