Layout change- help please

• 

  cindylucywho · Member · Dec 6, 2016 at 5:35 am

  • Copy link
  • Add topic to favorites

  Here is the link to the page I would like to make changes to:

  https://cindylucywho.com/branding/

  How do I center the title “Branding” on the page and make the white space smaller? I don’t have any text I want there.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 6, 2016 at 8:27 pm

  • Copy link

  Hi, on the title centering, add the following to your custom CSS.

  #post-77 .entry-title {
    text-align: center;
  }

  On the whitespace, I’m assuming you are talking about on the sides of the content area. There is an Media Query that controls the margins for screens/windows 998px and wider. Add the following to your custom CSS and you can adjust the 13.98% value as desired. 3% looks pretty nice I think.

  @media screen and (min-width: 998px) {
    .page-id-77 .content-wrapper.full-width.without-featured-image {
      margin: 0 13.98% !important;
    }
  }

• 

  cindylucywho · Member · Dec 7, 2016 at 4:21 am

  • Copy link

  thank you!

• 

  thesacredpath · Member · Dec 7, 2016 at 4:36 am

  • Copy link

  You are welcome.

• 

  cindylucywho · Member · Dec 7, 2016 at 4:37 am

  • Copy link

  How would I do it to my other pages?

  https://cindylucywho.com/contact/

  https://cindylucywho.com/resume/

  https://cindylucywho.com/shirt-designs/

  Or where do I look to get the number for the css code below?

  #post-77 .entry-title {
  text-align: center;
  }

• 

  staff-loquaciousloon · Staff · Dec 7, 2016 at 8:16 pm

  • Copy link

  The ID number will appear in the address bar if you open the post in the editor.

  This page has an example (it’s for pages, but the ID works the same way).

  Edit the post from My Site > Posts to grab the ID from the editor URL :)