Joomla Templates Club 406,261 posts

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#154719

Please help me! I tried following the below advice:

Quote Originally Posted by drarvindc View Post
Try this :

Open the your_site/templates/ja_droid/css/template.css

around line 361

Code:

/* Logo Image —*/
h1.logo { float: none; margin: 40px auto 20px; width: 302px; height: 93px; }

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

Change the height variable at both the above positions. That should get the header height shortened.

Arvind
}

BUT ….

This changes the available size of the LOGO, not the entire header. Frankly, I’d like a logo that is 200px HIGH and the area around it not much bigger! HELP!!!!

If I reduce the size of the image, the image is smaller, but there is a big white space where the image was!

Here’s the link to the site — mgpools

Note the background just dwarfs the logo. No, we’re NOT changing the logo .. in fact would like to make it BIGGER! PLEASE HELP!!!

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#356965

Change this::

h1.logo {template.css (line 361)
float:none;
height:93px;
margin:40px auto 20px;
width:302px;
}

to

h1.logo {template.css (line 361)
float:none;
height:93px;
margin:0 auto;
width:302px;
}

If you wish to decrease it further, Decrease in padding value here accordingly::

#ja-header .main {template.css (line 630)
padding:30px 0 15px;
}

2 users say Thank You to aman204 for this useful post

1. tphmedia
2. itsnexgen

[Author]

Posts