Centering a header image in Zuki theme

• 

  dreammakerepeat · Member · Oct 22, 2014 at 9:00 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I’m having trouble centering my logo image on my blog. I’ve purchased Zuki theme, which is beautiful, but it won’t allow me to center my header. I am really bothered by a right-aligned header. I’m not advanced enough with CSS to figure out how to fix this. I would greatly appreciate any help!

  :) Thank you!

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

• 

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

  • Copy link

  To make the container element for the header image in the Zuki theme full-width, add the following to your Appearance > Customize > CSS editor:

  #site-header {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  Here’s a video showing how I used the web inspector in Firefox to review the CSS and figure out what CSS selectors to use: https://cloudup.com/c8_wrgCdXsO

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

  Aside: I noticed that you are using the following custom CSS to hide the logged-in toolbar at the top of your site:

  #wpadminbar{
  	display:none;
  }

  We ask that you please leave a few items in tact, including the admin bar and the footer credits. Note that the admin bar is only visible to logged in users, so if you log out and then view the site, you’ll see that it goes away.

  Zuki is a premium theme and also has a dedicated forum for theme-specific questions available at http://premium-themes.forums.wordpress.com/forum/zuki

• 

  dreammakerepeat · Member · Oct 22, 2014 at 9:47 pm

  • Copy link

  @designsimply – you are AMAZING. I wasted so much time trying to figure that out – I guess I could use a class in CSS!

  I didn’t intentionally add any CSS to remove the logged in toolbar… my CSS is clear at this point except for the edit you just gave me.

  Thank SO much for your help.

• 

  designsimply · Member · Oct 22, 2014 at 10:18 pm

  • Copy link

  CSS is so fun! If you want to take a small class, try this one!
  http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1?curriculum_id=50579fb998b470000202dc8b

• 

  hellosunnysundays · Member · Nov 3, 2014 at 5:22 pm

  • Copy link

  Hi! I just wanted to stop by and say THANK YOU SO MUCH!!! I was having the same trouble centering my header on the Zuki Theme, and this tip just worked perfectly!!! Thanks a lot @designsimply :)

  This is how it looks now: http://sunnysundays.co

• 

  designsimply · Member · Nov 7, 2014 at 2:38 pm

  • Copy link

  Cool! Thanks for the note hellosunnysundays. :)