Shape 5

Joomla Templates => EZ Web Hosting - Club => : dltopinc July 29, 2013, 01:34:56 PM



: [SOLVED] Width of Logo for this template
: dltopinc July 29, 2013, 01:34:56 PM
When I placed my logo it auto adjusted the length and made my logo smaller. Is there a way I can adjust the default logo width to something wider and move the Main Menu over to the right to make more room for a longer more horizontal logo?


: Re: Width of Logo for this template
: ajstevens July 30, 2013, 04:13:01 AM
Indeed you can:

You'll need to change some CSS around.
Navigate to JOOMLAINSTALL/templates/ez_hosting/css/template.css

Line 523:

:
#s5_logo {
float: left;
height: 79px;
margin-left: 0;
cursor: pointer;
margin-top: 11px;
margin-bottom: 6px;
width: 87px;
}

Change the width as required, the menu should automatically move across.

Here's a trade secret for free ;)
If you're using a respectable browser (pretty much anything but IE), then right click and select INSPECT ELEMENT on any element you want to change...
You'll see all the code come up in the bottom section, and with google chrome you'll see all the CSS attributes that have been applied to the element you selected.  If it's selected the wrong one, use the code to select exactly what you want.  Now on the right, find the correct CSS attribute, and you'll also see which css file and line number it is.  In fact, you can do live changes to the CSS to see how it will effect your site.... but of course this will only make changes to the screen -> no FILE or SERVER changes are made.

Hopefully that will help you in the future!


: Re: Width of Logo for this template
: dltopinc August 01, 2013, 05:12:19 AM
Thank you very much!  ;D


: Re: [SOLVED] Width of Logo for this template
: seaster November 13, 2013, 04:21:49 PM
Hi, I've tried this CSS change (it also seems to require "Image Auto Height" and "Image Max Width" = OFF), but the logo still overlaps the menu.
Best,
Stuart


: Re: [SOLVED] Width of Logo for this template
: seaster November 13, 2013, 04:35:49 PM
To answer my own question (and for the benefit of others) the CSS class that should be changed is s5_logo_module. The values for "Image Auto Height" and "Image Max Width"  can remain unchanged.
Best,
Stuart


: Re: [SOLVED] Width of Logo for this template
: mikenicoll November 13, 2013, 05:12:43 PM
Hello,

Glad you got it sorted :)

-Mike