Joomla Templates Club 406,261 posts

[dlynn87 Friend dlynn87Join date: July 2006Posts: 25Downloads:0Uploads:0 Thanks: 7]

#146233

I am trying to get the logo in red & black to split across the page & eliminate the white long box.

Anyone know how”

Site is

http://siteground215.com/~krsglob1/test/

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#324586

Hi
open the template.css file under templatesjasanidinecss

the code that needs to be modified is:

/* HEADER
--------------------------------------------------------- */
#ja-header {
line-height: normal;
position: relative;
padding: 0;
margin: 0 10px;
z-index: 999;
height: 90px;
background: url(../images/header-bg.gif) repeat-x bottom #CCCCCC;
border-top: 1px solid #CCCCCC;
}

h1.logo, div.logo-text {
margin: 0 20px;
padding: 0;
}

h1.logo {
width: 264px;
height: 60px;
float: left;
margin-top: 15px;
}

h1.logo a {
width: 264px;
height: 60px;
display: block;
background: url(../images/logo.png) no-repeat center;
}

this would be your final code

/* HEADER
--------------------------------------------------------- */
#ja-header {
line-height: normal;
position: relative;
padding: 0;
margin: 0 10px;
z-index: 999;
height: 150px;
background-color: #CCCCCC;
border-top: 0px solid #CCCCCC;
}

h1.logo, div.logo-text {
margin: 0 ;
padding: 0;
}

h1.logo {
width: 100%;
height: 150px;
float: left;
margin-top:0px;
}

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

The problem is because you are trying to insert a logo with size of 700px X 150px, while in the template the defined size of logo is 264X60. If you need the logo to cover the entire header part (without any white background) then the size should be 930px.

1 user says Thank You to prakash for this useful post

1. dlynn87

[dlynn87 Friend dlynn87Join date: July 2006Posts: 25Downloads:0Uploads:0 Thanks: 7]

#327014

Thank you that worked.

[Author]

Posts