WordPress.org

Forums

How to center my header (7 posts)

  1. rachelngom
    Member
    Posted 2 years 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
    Forum moderator & snail smusher
    Posted 2 years 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 2 years 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
    Forum moderator & snail smusher
    Posted 2 years ago #

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

  5. rachelngom
    Member
    Posted 2 years ago #

    i've been adding code to something called custom css

  6. Andrew
    Forum moderator & snail smusher
    Posted 2 years 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 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic