How to resize header & footer styles

Hi,

I use the header style 5 and i would like to make the header and the footer’s width equal, please tell me how i can either increase or reduce the Width for both header and footer.

See how my site looks with both Header and Footer: http://www.09ja.com

I would be glad if header can be of the same size like the footer as you can see on my site or the footer size like the header size, how to do both if possible.

and also i want to know how to decrease the the height of the footer, it’s too high.

Hi

You can modify the header with using this css in theme panel > custom ceode > custom css: http://screencast.com/t/3x0zB56Fru9w

.td-header-wrap{
width: 1021px;
margin-right: auto;
margin-left: auto;
}

This css will make the header by an equal width with the footer.
To reduce the footer height try this css: http://screencast.com/t/FRaoUkSjC

.td-footer-container{
padding: 12px 0 5px 0;
}
.td-footer-info {
margin-bottom: 3px!important;
}
.footer-logo-wrap {
margin-bottom: 0px;
}

Thanks!

Thanks Andrei, I am grateful, it worked and i am very happy, see how it looks now, would appreciate if you can just rate the front page design for me, do you think the homepage is user friendly? http://www.09ja.com

best regards to you Andrei.

Julius

Hi

Glad I could help.
Regarding your homepage my opinion a good one about it, the homepage it’s have a nice design and it’s user friendly. However I don’t think I am the best person who can make an objective review, if you want a very qualify answer at this question you should address to a web designer.

Thanks for your message!

How can I resize the height of the header?

Thank you!

IC

Hi

The height of the header depends by the header style used. To re-size header height you need to affect the elements displayed in that part of the page. Please provide your site url and more details about the changes you wanna make so I can inspect this closer and get back to you with a more accurate answer.

Thanks!

Hi Andrei! I have got the same problem…resize the height header… I did it but it not working..

Hi

Try this css in theme panel > > custom code > custom css: http://screencast.com/t/oe1tYnH6

.td-header-style-1 .td-header-sp-logo{
height: 140px;
}

Thanks!

Hi Andrei!!! IT S VERY EASY!!! THANK YOU VERY MUCH!!!!