Centering Header Image

• 

  travelingcindy · Member · Oct 22, 2014 at 7:40 pm

  • Copy link
  • Add topic to favorites

  How do I center the header image on the home page?

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

• 

  designsimply · Member · Oct 22, 2014 at 9:29 pm

  • Copy link

  I checked http://allinastitch.wordpress.com/ and I see that you are currently using the Stay theme on that blog. To center the header image on the Stay theme, first you have to expand the header container area to 100% width and then center align the contents. Add this to your Appearance > Customize > CSS editor to try it out:

  #masthead hgroup {
      width: 100%;
      text-align: center;
  }

  I made a screencast using the Firefox web inspector to show you how I figured out what selectors to use: https://cloudup.com/c9xbusExVTR

  You might also like:
  http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

• 

  travelingcindy · Member · Oct 24, 2014 at 1:11 pm

  • Copy link

  Thanks for the tip! Do I need to upgrade to do this type of customization?

• 

  thesacredpath · Member · Oct 24, 2014 at 6:24 pm

  • Copy link

  @travelingcindy, yes, you would need the Custom Design upgrade which you can purchase at Store > Store in your dashboard.

  Custom Design upgrade is available to those that created their username account prior to September of 2014. For new users that create accounts after September, 2014, they would have to purchase the WordPress.com Premium or WordPress.com Business plans. Custom CSS is now a part of those plans.