WordPress.org

1. rachelngom
   Member
   Posted 4 months ago #
   

   Hi! I'm having a hard time figuring out how to center the header on my website...I've been searching forums for hours and nothing! My website is http://rachelngom.com and I'm using woothemes.

   Thank you!

2. Andrew Nevins
   Volunteer Moderator
   Posted 4 months ago #
   

   What code have you tried so far?
   This is a guide to centring things in CSS
   http://www.w3.org/Style/Examples/007/center.en.html

3. rachelngom
   Member
   Posted 4 months ago #
   

   so so many different ones i dont even know, im not really used to coding or css. which one of those would i need? and would i need to plug in anything specific?

4. Andrew Nevins
   Volunteer Moderator
   Posted 4 months ago #
   

   Does your theme come with a plugin named, "Custom CSS", "Custom Styles" or "Jetpack"?

5. rachelngom
   Member
   Posted 4 months ago #
   

   i've been adding code to something called custom css

6. Andrew Nevins
   Volunteer Moderator
   Posted 4 months ago #
   

   Okay, let's use that.
   So, within the Custom CSS section of the dashboard, enter this;
   

   #header.col-full {
    width: auto;
   }
   
   #logo,
   #navigation {
    margin: 0 auto;
    float: none;
   }
   
   #logo {
    width: 1064px;
   }
   
   #navigation {
    display: table;
   }

   I don't think that's how you're supposed to do it, as your page elements have classes named "col-left" and "col-right", but I don't know that theme. There could be a way to assign a class "col-center" instead.

7. rachelngom
   Member
   Posted 4 months ago #
   

   looks like it worked!!!! yay thank you!!!!!!!

Reply

You must log in to post.