Joomla Templates Club 406,261 posts

[mmay Friend mmayJoin date: October 2007Posts: 51Downloads:0Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#149037

How do you control the space below the logo? I see where to control the margin from the top. I assume it is somewhere in template.css?

http://productionpainters.biz/

below the logo, above the menu

[iguinee Friend iguineeJoin date: December 2009Posts: 453Downloads:10Uploads:39 Thanks: 58 Thanked: 32 times in 1 posts]

#333920

This should be in template css

It depends on your logo size. Play with the height in
/* Logo Image ---*/
and in
h1.logo a {
.

Good luck

/* HEADER
--------------------------------------------------------- */
#ja-header { background-color: #1c1c1c; margin-top: 30px; position: relative; z-index: 10; }

#ja-header .main { height: 100px; }

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

h1.logo, div.logo-text { float: left; padding-top: 30px; position: relative; }

/* Logo Image ---*/
h1.logo { height: 60px; width: 325px; }

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

1 user says Thank You to iguinee for this useful post

1. JA Developer

[mmay Friend mmayJoin date: October 2007Posts: 51Downloads:0Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#334036

I was able to at least center the image vertically by adjusting some of the numbers, still not understanding what controls the overall space for entire header i guess. Thanks for the help…

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#334072

mmay;166560How do you control the space below the logo? I see where to control the margin from the top. I assume it is somewhere in template.css?

http://productionpainters.biz/

below the logo, above the menu

Hi mmay,

height value on line 941 of your template.css:

[php]#ja-header .main { height: 100px; }[/php]
is what dictates the height of the header, which holds the logo. Once you set the header to desired height by increasing/decreasing the height: 100px; value, you can move the logo itself up or down inside the header by increasing/decreasing the value of padding-top on line 945:

[php]h1.logo, div.logo-text { float: left; padding-top: 10px; position: relative; }[/php]Hope this helps 🙂

[Author]

Posts