Joomla Templates

First, thank you for all your hard work! I am very happy to have found your community here.

I have j1.5 version of Transparent Bliss running. I was wondering if I could get assistance with a few things I can't seem to figure out.

1. The title Welcome To The Frontpage! It is at the top of my main content area and also the title of the page. Where do I change that? I looked in all the files I could think of as well as the admin area and I can't find it. :S

2. Can the translucency be adjusted? Can I make it lighter?

3. The header logo position is fine but I want to have our name centered in the middle on the top of all the pages. I see your demo has banners there. How can I put an image there of our company name centered across the top and also, is there a way to have another image on the right side like there is on the left? In other words it will be logo image --> name text image --> logo image 2 all across the top?

4. My background image doesn't show the whole image. The top is cut off. The site is www.summitgolfbrands.net and the top of the picture is cut off. How can I fix that?

Thanks for any assistance you can provide!

Lucas

Hi,

Nice Site ;)
I have seen on your site that you have found a Solution for a lot of your Problems.

2. You must edit the Pictures in the Template-Folder. When you habe Problems I can it make lighter for you. ;-)

Can you write the Solution for other persons here? What Problems are current??

Regards

hofmar

Thanks for your response. Sorry I did not get back to you until now.

The major issue I am having at the moment is how the header logo at the top looks in IE6. It totally blows up and stretches way out and looks like a funhouse mirror. I will attach a screenshot so you can see what it looks like. How can this be fixed? It only does this in IE6.

Thanks!

Ok, I understand.

I see that you have added the Picture with these line:

<div class="banneritem"><img src="www.summitgolfbrands.net/images/banners/ logo_text.png" alt="Banner" /><div class="clr"></div>

But, I can´t find the defination for the class="banneritem"??? Where you have set it?

I think that you must set the size of your picture. You can try this:

<div><img src=" www.summitgolfbrands.net/images/banners/ logo_text.png" alt="Banner" alt="top-slice" width="728" height="90" border="0" /></div>

Please tell me when it is the solution!


Regards

hofmar

Thanks for the suggestions.

The header logo was added just using the banner module that comes with joomla so I am not sure where I need to change anything for size?

Can you provide me with the file and location I need to make this change?

Also, if you notice the modules on the right side column are stretched out too. Where can this be fixed?

Again, this is ONLY in IE6...it looks perfect everywhere else.

Thanks!

Lucas

Ahh Ok.

Then do it so:

Go in the Backend >> Extensions >> Template Manager >> transparent_bliss_1.5 >> Edit CSS

There you go to headwrap and overwrite the headwrap with:

#headwrap {
width: 728px;
height: 90px;
margin-bottom: 10px;
background-image: url(../images/banners/logo_text.png);
background-repeat: no-repeat;
background-position:center;
}

So that was all. I think it must run.;)

Regards

hofmar

I tried that and it took the graphic and put it down too low and way over to the left.

Is there a better way to change the graphic at the top instead of using the built in Joomla Banner module?

I might just be doing it wrong?

Thanks!

I think the Joomla Banner Modul is for other thinks.

Can you make a Screenshot from the mistake when you add the code? I'm not sure if I understand what you mean.

When the distance from the Logo to the Top is to to big, change the margin-bottom: 10px; to margin-bottom: 1px;

Ok, I turned OFF the banner module in Joomla admin.

I saved the template.css file with the above code you gave me. This time nothing shows up at the top at all.

www.summitgolfbrands.net

Ok is see it. You must Upload the Picture.

It must in:
www.summitgolfbrands.net/templates/trans...anners/ logo_text.png

Or you must change the path.

background-image: url(../images/banners/logo_text.png);

The point in the URL stand for your root Directory /www.summitgolfbrands.net/templates/ transparent_bliss_1.5/) there you must add the path.

#headwrap {
width: 728px;
height: 90px;
margin-bottom: 10px;
background-image: url(../images/banners/logo_text.png);
background-repeat: no-repeat;
background-position:center;
}

Got it! We are getting closer. As you can see though...the image is way to the left instead of centered above the main content box.

Also, do you see in IE6 how the images on the left side are stretched out?

Thanks!

In the Firefox and the InternetExplorer 7 it is perfect. ;)

But I don't have the IE6:(

Now I can see the mistake. I'm searching a solution ...

Ok great! Thank a lot!

Please test it with this Code:

#headwrap {
width: 459px;
height: 90px;
margin-bottom: 10px;
background-image: url(../images/logo_text_crop.png);
background-repeat: no-repeat;
background-position:center;
}