Forum Support

Shape 5
March 28, 2024, 03:32:20 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] Width of Logo for this template  (Read 572 times)
dltopinc
Jr. Member
**
Offline Offline

Posts: 9



« on: 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?
« Last Edit: August 01, 2013, 05:12:48 AM by dltopinc » Logged
ajstevens
Jr. Member
**
Offline Offline

Posts: 36



« Reply #1 on: 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:

Code:
#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 Wink
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!
« Last Edit: August 01, 2013, 06:02:34 AM by ajstevens » Logged
dltopinc
Jr. Member
**
Offline Offline

Posts: 9



« Reply #2 on: August 01, 2013, 05:12:19 AM »

Thank you very much!  Grin
Logged
seaster
Jr. Member
**
Offline Offline

Posts: 3



« Reply #3 on: 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
Logged
seaster
Jr. Member
**
Offline Offline

Posts: 3



« Reply #4 on: 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
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: November 13, 2013, 05:12:43 PM »

Hello,

Glad you got it sorted Smiley

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.