Header image will not center– Motif theme

• 

  fitnessfashionista0101 · Member · Jun 14, 2015 at 4:08 am

  • Copy link
  • Add topic to favorites

  I’m trying to get the image centered but I cannot figure out how to do that. At the present time the image is not aligned properly. I am using the Motif theme.

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

• 

  musicdoc1 · Member · Jun 14, 2015 at 5:43 am

  • Copy link

  Your header image looks perfectly centered to me. What type of device are you using to access the site?

• 

  kathrynwp · Staff · Jun 15, 2015 at 4:05 pm

  • Copy link

  Try adding this to your custom CSS. The first piece removes the default 34px of padding, and the second centres the header image.

  .site-branding {
      padding: 0 0 34px 0;
  
  }
  .site-branding .site-image {
       margin: 0px auto;
       width: 980px;
  }

• 

  fitnessfashionista0101 · Member · Jun 16, 2015 at 2:56 am

  • Copy link

  Thank you! That worked Kathy.

  Thanks for your response musicdoc1 I was looking at it on two laptops and it never centered for me :( this code worked.

• 

  kathrynwp · Staff · Jun 16, 2015 at 2:23 pm

  • Copy link

  Great, glad that worked for you.