asked on 7/16/2008

Joomla! How do I increase the size of the header banner?

How do I increase the height on the header / banner?

I would like to insert our logo which is too tall for the current height. It looks like the attached file when I change the following section in templat.css

div#header_r {
   height: 130px; <---changed from 90px
   padding-left: 370px;
   padding-right: 30px;
   padding-top: 25px;
   overflow: hidden;
   text-align: left;

Last Comment

11/3/2010

7/16/2008

Try:
height: 130px !important;

or:
line-height: 130px !important;

Ryman1

7/16/2008

ASKER

Thank you for your suggestions. I tried them both, with no luck unfortunately.

height: 130px !important; <--this one doesn't change anything - I still have that floating line that you see in the picture.

or:
line-height: 130px !important; <-- this one acually shrinks it to a very small header.

hielo

7/16/2008

>>line-height: 130px !important; <-- this one acually shrinks it to a very small header.
Did you try using a larger number? Do you have a url?

Ryman1

7/16/2008

ASKER

Here is the url:

The site is in Beta:
http://thesolarforum.com/joomla/

Ryman1

7/16/2008

ASKER

Here is the current setting:

div#header_r {
      line-height: 70px !important;
      padding-left: 370px;
      padding-right: 30px;
      padding-top: 25px;
      overflow: hidden;
      text-align: left;
}

There's still a random bar and the color is different below it, but you're onto something.

Are you experienced with Joomla? Maybe I should just give you a temp login. ;)

ASKER CERTIFIED SOLUTION

hielo

7/17/2008

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

Ryman1

7/17/2008

ASKER

Ah, that makes sense, but let me make sure I have it right.

So, if I want to increase the height of the header, I should increase the height of the background image mw_header_t.png?

Is there anything I need to change the height of in the code?

Also, for the future, can I replace that entire header with a banner that I create?

Ryman1

7/17/2008

ASKER

Okay, we're getting somewhere. I increase the image by 20px and increased the height: 90px; to 110px accordingly.

However, there's still a gray bar across the entire width. Take a look:

http://thesolarforum.com/test/

Ryman1

7/17/2008

ASKER

I see what's going on - the bar is the file that I'm working with and it's too wide for the rest of the page if I increase the height of the css code. Can you advise on this?

Ryman1

9/4/2008

ASKER

I ended up getting a Joomla Web Designer and it looks fabulous now.

Ryman1

10/10/2008

ASKER

It looks good. Check it out:

thesolarforum.com
http://thesolarforum.com
http://www.thesolarforum.com

Jason C. Levine

11/3/2010

This question has been classified as abandoned and is being closed as part of the Cleanup Program. See my comment at the end of the question for more details.