Centering Everything?

  • Resolved brewrecords

    (@brewrecords)


    12 years 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? https://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]

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter brewrecords

    (@brewrecords)

    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!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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;
}

    Thread Starter brewrecords

    (@brewrecords)

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    I.E add this code;

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Centering Everything?’ is closed to new replies.