WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Centering Everything? (6 posts)

  1. brewrecords
    Member
    Posted 1 year ago #

    Hey Caroline, just finalizing out blog site now and wanted to ask how does one go about making the following changes to my blog? http://www.brewmgmt.com

    I'm basically wanting to centre absolutely all elements of my page, have the logo at the top then the right navigation menus all centered just underneath, then underneath that both my posts centered and then at the bottom my contact details & address.

    I tried firebug as suggested, it's good at finding the elements but I cannot see much of the aligning info?

    Look forward to hearing from you.

    thanks!

    [HTML unnecessary - You've already provided a link to the website]

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Is this what you're looking for [screenshot]?

    Do you have a section in the dashboard named, "Custom CSS", "Custom Styles" or "Jetpack", or do you have a Child Theme?

  3. brewrecords
    Member
    Posted 1 year ago #

    Hey Adam that is pretty much exactly what I'm looking for.

    I have literally just installed Jetpack - no idea how to use it, but willing to learn. Anything specific I need to be looking for?

    Thanks!

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    In Jetpack's Custom CSS section of the dashboard, enter this;

    #masthead img,
    .main-navigation,
    #main {
     display: table;
     margin: 0 auto;
     float: none;
     width: auto;
    }
    
    #colophon {
     text-align: center;
    }
  5. brewrecords
    Member
    Posted 1 year ago #

    Amazing, thanks you very much, worked well, that was painless!

    One final note - how does one make a small spage between the logo and the top text?

    Thanks!

    tom

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try using the CSS margin property
    http://www.w3schools.com/css/css_margin.asp

    I.E add this code;

    .site-navigation {
     margin-top: 10px;
    }

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.