The Joomla! Forum ™

Download

Demo


Board index » Joomla! 2.5 - Ask Support Questions Here » Extensions for Joomla! 2.5

Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.



Post new topic Reply to topic  Page 1 of 1
  [ 6 posts ] 
  Print view Previous topic | Next topic 
Author Message
KevJager
PostPosted: Thu Aug 09, 2012 10:55 am 
Joomla! Intern
Joomla! Intern

Joined: Fri Oct 15, 2010 1:55 pm
Posts: 74
How do I centre the logo on this template please? :)
http://79.170.44.90/premierbuildingservices.biz/
Top
 Profile  
 
Faldinio
PostPosted: Fri Aug 10, 2012 8:05 pm 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Mon Mar 14, 2011 10:15 am
Posts: 102
Location: UK
Edit your CSS:

On Line 13 change:
Code:
#logo,#logo>img,#menu{float:left}

to:
Code:
#menu{float:left}

On line 14 change:
Code:
#logo{margin-right:15px}

to:
Code:
#logo{display:block;margin:0 auto;width:500px}

The width needs to match the width of the logo to get it exactly centred, so if you change the logo, change the width here as well.

Hope this helps.

Mark

_________________

Faldinio of -
Localorie IT Services | http://www.localorie.co.uk
Top
 Profile  
 
KevJager
PostPosted: Sat Aug 11, 2012 6:01 am 
Joomla! Intern
Joomla! Intern

Joined: Fri Oct 15, 2010 1:55 pm
Posts: 74
Thanks but I cannot find"#logo,#logo>img,#menu{float:left}"anywhere, this is what I have in my stylesheet:

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#header,
#breadcrumbs,
#content,
#footer { margin: 15px; }

#footer .module { margin: 0; }

#logo { margin-right: 15px; }


/* Layout
Top
 Profile  
 
Faldinio
PostPosted: Sat Aug 11, 2012 10:28 am 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Mon Mar 14, 2011 10:15 am
Posts: 102
Location: UK
Inpecting the elements shows a file called "gzip.php" has the css in it. However if your stylesheet is after where that is referenced, then yours should override it.

Change the line that has logo on it, to:
Code:
#logo {float:none;width:500px;margin: 0 auto;display:block;}

_________________

Faldinio of -
Localorie IT Services | http://www.localorie.co.uk
Top
 Profile  
 
KevJager
PostPosted: Sat Aug 11, 2012 1:48 pm 
Joomla! Intern
Joomla! Intern

Joined: Fri Oct 15, 2010 1:55 pm
Posts: 74
hey that works, great, thanks for the help :)
Top
 Profile  
 
Faldinio
PostPosted: Sat Aug 11, 2012 2:33 pm 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Mon Mar 14, 2011 10:15 am
Posts: 102
Location: UK
You're very welcome.

_________________

Faldinio of -
Localorie IT Services | http://www.localorie.co.uk
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 6 posts ] 


Board index » Joomla! 2.5 - Ask Support Questions Here » Extensions for Joomla! 2.5

Who is online

Users browsing this forum: fokeiro and 22 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group