Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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

    Thread Starter rachelngom

    (@rachelngom)

    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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter rachelngom

    (@rachelngom)

    i’ve been adding code to something called custom css

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter rachelngom

    (@rachelngom)

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to center my header’ is closed to new replies.