I'm using the Bolt template from OSTraining. I need my logo to be larger than the 227x90 pixels allowed. I'm assuming that is specified in the included template.css file. Ideally I'd like the logo to be able to fill the banner section if needed and be approx 300px tall. How can I achieve this?

One thing I noted while using firebug to figure out what's happening is that included in the header is a leaderboard div, is that needed for the template to work?

Thanks

Hi firespydr,

It's a combination of the index.php file of the template and the template.css. You could comment out the divs for the logo and the leaderboard in the index.php and then just use add a background image in the template.css for the header div.

Check out the template design class and the coding class (complimentary) when you have some time:
www.ostraining.com/joomla-template-course/
www.ostraining.com/training/overview/coding-classes/

Kind regards,
Nick

Thanks, I'll look into those courses. I've learned so much already, so worth the money!!

Hi firespydr

Yes - that's certainly possible and not too difficult. In fact, it's just what we did for this site which is also running Bolt.

What we try to do here is teach people how do these things themselves. So, have a go at modifying the template.css for the logo. If you get stuck, we'll post the answer here for you.

Hi, I was trying to also work with logo sizes, and I saw this post. I commented out just the leaderboard div, and changed the size of logo in the template.css. I also changed the size of leaderboard to 0 pxl in template.css. this does seem to work but is it working because I changed the size of leaderboard to 0 or is it working because of the commenting out?

I am also trying to see if I can remove the top thick line just to see how it looks without it. WHen I comment it out in index file it changes nothing. but if I cut the code out it works. I was wondering what am I doing wrong? I dont want to delete anything, am I using the right code for commenting out? I am using /* */ , this what I saw in one of the template design tutorials.

Thanks,

Shirin

Hi Shirin,

It's working because of the comment out, but the css would work as well.

As to commeting out something, it depends on the language.
HTML uses <!-- comment -->

CSS uses /* comment */

PHP uses /*comment*/ and also one line comments like so:
//comment
But this is not commented

Hope this helps! let me know if you have any questions.

Kind regards,
Nick

thanks, this worked.

Shirin

You're welcome, Shirin! :)

Kind regards,
Nick

I'm wanting to use the same template (OS Training Bolt) to make a test site. I created a Joomla 1.7 site with the previous version of the template. I'm now using Joomla 2.5.6 and the newest version of the template. I've installed everything from scratch.

The last time I did this I had to make a few tweaks to the template.css and index.php files to make the logo fit. I have copied the template.css, index.php, and logo.png over to my test server. The changes to the template seem to take effect however the logo doesn't show up.

I have tried copying the logo.png to the /joomlasite/templates/ostrainingbolt/images folder as well as /joomlasite/images folder. Its in both folders, I have looked at these files and find no difference between them, I've tried overwritting them.

I'm stuck and am not sure how to get this resolved.
Here is the template.css code I had to change and what I'm currently using
Here is the index.php changes that are no not working either.

Hi Firespydr,

Your CSS code and html code looks fine to me. I'm sure you have, but did you try clearing your cache/browser cache?

Also, if you put this site on a hosted server, it would be easier for us to point out the issue you are having. :-)

Doh, it was the browser cache. Thanks

Hi Firespydr,

I'm glad that worked for you. I still have that issue although I know that it solves a lot of my problems. It's always hard to remember it is something as simple as this.

Have a wonderful weekend. :-)