Joomla Templates Club 406,261 posts

[supporter Friend supporterJoin date: December 2010Posts: 9Downloads:1Uploads:1 Thanks: 2]

#157841

How to change the header height ?

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

#368460

To avoid confusion, Can you please provide screenshot marked with annotations as to what you need

[supporter Friend supporterJoin date: December 2010Posts: 9Downloads:1Uploads:1 Thanks: 2]

#368648

ok here it is

and thank you again

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#368649

Is that the bottom red bit you want changing or both?

The bottom bit find templates/ja_social/templates.css and around line 333 you will find


#ja-header {
border-top:1px solid #4FAED2;
margin-top:29px;
z-index:13;

}


change to


#ja-header {
border-top:1px solid #4FAED2;
margin-top:29px;
z-index:13;
height:120px;

}


Where the figure in red is whatever height you want that module to be.

[supporter Friend supporterJoin date: December 2010Posts: 9Downloads:1Uploads:1 Thanks: 2]

#368657

Thank you,

and now i have the logo as image but i got it in wrong possition……it shows left down ????? i havent change something that has to do with the logo……..

and second i have change the height but the logo keeps taking the same height.

PS: i forgot to ask about the topbar possition, i have comment out in the default.xml the <!– <block name=”topbar” type=”topbar”></block> –> but it keeps shows the topbar.

please take a look at http://www.supporter.gr/index.php

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#368671

Not sure what you are trying to do with that. What do you mean by left down??

The height just chages the available space.To change the sixe of the logo’s box please edit the figures in red as required.


h1.logo {
height: 80px;
width: 220px;

}

h1.logo a {
background: url("../images/logo.png") no-repeat scroll left center transparent;
display: block;
height: 80px;
width: 220px;

}

As for the topbar,I believe I answered that in another of your threads.

1 user says Thank You to Phill for this useful post

1. supporter

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#368672

Sorry, it was another user I demonstrated regarding the topbar. Please see the following thread with details of the topbar.

http://www.joomlart.com/forums/topic/how-toc-reate-new-module-position/

[Author]

Posts