Joomla Templates Club 406,261 posts

[fernmac Friend fernmacJoin date: November 2006Posts: 3Downloads:0Uploads:0]

#123271

Sorry for this ignorant question but i need to make the space for the logo bigger in order to fit the name, that is big. I would appreciate any help. Thanks.

[whouse Friend whouseJoin date: March 2007Posts: 58Downloads:1Uploads:5 Thanks: 7]

#231161

I haven’t looked at this template but I did this for the larix. See how here: http://www.joomlart.com/forums/showpost.php?p=29502&postcount=2

[buildingyouup Friend buildingyouupJoin date: October 2007Posts: 15Downloads:0Uploads:0]

#231166

It is a little different for the Iris template.

Open up the css folder and find the document template_css.css. Once you have that file open look for the following and adjust the height (it’s on line 1041):

#ja-header h1 {
margin: 0;
padding: 0;
width: 240px;
text-indent: -2000%;
position: absolute;
top: 5px;
left: 15px;
height: 58px;
background: url(../images/logo.gif) no-repeat;
}

[fernmac Friend fernmacJoin date: November 2006Posts: 3Downloads:0Uploads:0]

#231174

Ok, it was not so difficult… when you know where to look 😀

Thank you very much for the quick and accurate answer.

[buildingyouup Friend buildingyouupJoin date: October 2007Posts: 15Downloads:0Uploads:0]

#231200

You’re welcome. Glad to be of help. 🙂

Christina

[jkab Friend jkabJoin date: September 2007Posts: 58Downloads:0Uploads:0]

#231900

1. I have tried this, but it doesn’t work. It turns out like the image below, after changing width to 380 and height to 80 (in the css and the image itself).

2. Even if I just change the width, both on “#ja-header h1 {” (and on “#ja-header h1 a {“) – the area which is clickable doesn’t change, it’s still about 240 pixels. So how do I take care of this?

[whsky2222 Friend whsky2222Join date: December 2007Posts: 28Downloads:0Uploads:2 Thanks: 13 Thanked: 2 times in 1 posts]

#236299

Hi,
I had the same problem with my logo which is 231×89 px in size. While I was trying find a solution to bring down the mainnav div a little bit so that whole of my logo could be visible. I played with the attibutes of #ja-header h1 but it didn’t work.

Finally I added an attribute to #ja-header (on line 1024) and I opened some vertical space for my logo! Here is the solution;

add padding-bottom:17px; just below the z-index which is under #ja-header (on line 1024) and there you go! You will make your logo totally vertically visible. Please note 17px suited my logo, if your logo needs more space just increase the number.

I joined the template club a couple of days ago so I have been reading the forums from the oldest date. There may be a solution which might have already been posted about this. I haven’t seen yet. (still on page 4 of the JA Iris Forum 🙂 )

Regards

[Author]

Posts