Zuki Theme: Centering Logo

• 

  izulki · Member · Jun 11, 2016 at 8:38 pm

  • Copy link
  • Add topic to favorites

  Hello, I am currently using the Zuki theme.
  I have searched countless forums and tried different codes but I can’t seem to get it.
  It seems so simple, yet I have not found a solution.
  I am trying to center my logo on my blog.

  I have tried a bunch of CSS manipulations.

  Here is the link: http://mtrl.io

  Thank you!

• 

  izulki · Member · Jun 11, 2016 at 8:46 pm

  • Copy link

  Figured it out. Thank you.

• 

  omkarbhagat · Member · Jun 11, 2016 at 10:54 pm

  • Copy link

  Great job doing it all by yourself. Just for people who’ll find this thread, I want to mention the solution would be to use the following property.

  text-align: center;

  Most themes like yours have the title in the ID site-title. So the complete solution would be –

  #site-title { text-align: center; }

  Again, great job on solving the problem. I don’t know how you did it but it’d be great if you could share your solution [especially if you asked a question and solved it yourself :) ]

• 

  izulki · Member · Jun 12, 2016 at 12:52 am

  • Copy link

  omkarbhagat, the standard “text-align: center” solution will not work before changing the layout.
  After looking at the code, the problem was within the layout.

  What you need to do is edit the site-title css and change the width to 100%. As well as change the text-align to center.

  #site-title {
  	margin: 0;
  	padding: 12px 40px 20px;
  	text-align: center;
  	width: 100%;
  	float: left;
  	display: block;
  }

  Hope it helps anyone who stumbles upon this problem. :)
  Let me know if you need any help!

• 

  sololoqueveo · Member · Jul 10, 2016 at 4:03 pm

  • Copy link

  Hello! I’ve tried this solution but apparently is not working on my website with the zuki theme

  that is the website -> http://beta.lacaffe.es/

  Thank you in advance!

• 

  thesacredpath · Member · Jul 11, 2016 at 5:33 am

  • Copy link

  Hi @sololoqueveo, it looks like you are using WordPress but you are not hosted here at WordPress.com. There are some differences between the Zuki theme used here at WordPress.com and that used on self-hosted WordPress sites.

  For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based WordPress.org Themes and Templates forum.

  For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and the following would be a starting place for you on centering your logo.

  #site-title {
      width: 100%;
  }