Joomla Templates Club 406,261 posts

[Paul Wallen Friend Paul WallenJoin date: September 2014Posts: 140Downloads:0Uploads:13 Thanks: 35 Thanked: 5 times in 1 posts]

#138828

Can anyone tell me how to modify the header of this site to have the logo fill the top left corner and shorten the grey menu bar and push it to the right?

http://419studio.com/coppeler/01/

Thanks.

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#294628

template.css

(line 1157)shift the nav bar to the right

#ja-mainnav {
bottom:36px;
height:44px;
left:40%;
position:absolute;
z-index:10;
}

(line 1122) shift the background grey bar right

#ja-header {
background:transparent url(../images/head-bg.gif) no-repeat scroll 95px 60px;
height:140px;
position:relative;
z-index:999;
}

(line 1144) expands the clickable area for the logo

h1.logo a {
background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:120px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-5000px;
text-transform:uppercase;
width:350px;
}

(line 1133) expand the frame of the logo

h1.logo {
font-size:300%;
height:120px;
left:0;
margin:0;
padding:0;
position:absolute;
top:10px;
width:350px;
}

lastly, upload a new logo.gif with max height 120px OR max width of 350px.

You may adjust the values in red to suit your needs

1 user says Thank You to jsliao for this useful post

1. Paul Wallen

[Paul Wallen Friend Paul WallenJoin date: September 2014Posts: 140Downloads:0Uploads:13 Thanks: 35 Thanked: 5 times in 1 posts]

#294774

THANKS SO MUCH!!!

Works great!

[Author]

Posts