Home → CSS →

How to center-align the logo and global navigation on Charlie.

Marija Van Rensburg

17 Feb, 2012 07:00 AM via web

Admin Functions

• Edit
• Remove

Hi there,

I would like to centre my logo on my website and have the buttons (home, about, portfolio etc.) appear underneath the logo.
Is this possible? Please advise how.

Many thanks!

1. 2 Posted by Le Roux Bodenstein on 17 Feb, 2012 09:13 AM

   

   To do that sort of thing you have to use CSS. Use the little icon in the top-right corner, then in the Code tab on the right you can add extra code like css and javascript to the header of your site.

   CSS is generally for advanced users only, but I quickly wrote some for you and added it to your site.

   <style>
   #logo {
   width: auto;
   float: none;
   }
   #logo h1 a {
   margin: 0 auto;
   }
   #global-nav {
   float: none;
   text-align: center;
   margin: 0;
   }
   #global-nav ul {
   margin: 0;
   display: inline-block;
   }
   </style>
   

   To get your slideshow images center-aligned, you can try align=middle according to the slideshow widget's documentation or you can just make sure that all your images are at least 940px wide which is the width of that skin. That's the preferred solution as it won't look like your images "jump around" between different slides.

   Admin Functions

   • Edit
   • Split
   • Remove

2. Le Roux Bodenstein closed this discussion on 17 Feb, 2012 09:13 AM.

3. 3 Posted by Marija Van Rensburg on 17 Feb, 2012 01:42 PM

   

   Thanks for your help! It looks good!
   I would just like to see what it would look like all left, I've managed to get the logo back to the left, but I can't seem to drop the buttons under the logo... ?

   Thanks again!!

   Admin Functions

   • Edit
   • Split
   • Remove

4. Support Staff 4 Posted by Alan Alston on 20 Feb, 2012 11:13 AM

   

   Hi Marija

   This is one of the reasons we can't assist with CSS: we've added code to make changes you requested, now you've changed your mind and require additional changes.

   It's really up to you to figure this out- it's not that hard and there are ample resources available online.

   Admin Functions

   • Edit
   • Remove

5. Alan Alston closed this discussion on 20 Feb, 2012 11:13 AM.

6. Marija Van Rensburg re-opened this discussion on 20 Feb, 2012 12:04 PM

7. 5 Posted by Marija Van Rensburg on 20 Feb, 2012 12:04 PM

   

   Hi Alan,

   Alright, thanks!
   Only realized a bit later that you don't offer support for CSS.
   Thanks for the help.

   Regards,
   Marija

   --
   This message has been scanned for viruses and
   dangerous content by Pinpoint, and is
   believed to be clean.

   • Signature.jpg 43.9 KB

   Admin Functions

   • Edit
   • Split
   • Remove

8. Alan Alston closed this discussion on 22 Feb, 2012 09:32 AM.

Comments are currently closed for this discussion. You can start a new one.