Joomla Templates Club 406,261 posts

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

#178610

Hi, how do I change the height of the header area? My logo is a tall one so I need the header to be about 150 – 200 in height. I have looked at the header block in the template, but there is no height section that I can see.

Many thanks

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#459243

Go to this file: /templates/ja_mendozite/css/template.css

replace this code

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


with

#ja-header .main { padding: 20px 0; height:200px; }


Note: If you Find my Post useful please click on the Thanks Icon

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

#459334

Thanks Chavan,

I had been messing around in that very file and changed these 2 bits of code marked in red. It seems to have done the trick but could it cause problems? Now I am not sure what they original values were to reset them and do what you have shown me:

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container .main { padding: 20px 0 0; }

/* HEADER
--------------------------------------------------------- */
#ja-header { background: #222 }

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

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

/* Logo Image ---*/
h1.logo { width: 104px; height: 150px; }

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

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#459365

No, it will not

[Author]

Posts