Unable to center the main logo

• 

  levkowalski · Member · Jan 23, 2016 at 3:41 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m having trouble centering the logo on this site

  http://testlabonneetoile.lk-studio.fr/

  Been fooling around with the code inspector fo hours but I can’t nail it.

  Also I see that the logo image uses class “logo-main” but I am unable to localize it in the css.
  I’m probably missing out on something here.
  Many thanks if someone can help…

• 

  levkowalski · Member · Jan 23, 2016 at 3:42 am

  • Copy link

  the logo is the blue star (duh)

• 

  levkowalski · Member · Jan 23, 2016 at 4:35 am

  • Copy link

  I almost made it work with this css

  #Top_bar .logo {
      position: absolute;
      left: 50%;
      float: left;
      margin: 0 30px 0 20px;
  }

  but the logo isn’t quite in the center.
  How can I get it perfectly centered ?

• 

  thesacredpath · Member · Jan 23, 2016 at 8:15 am

  • Copy link

  Hi @levkowalski, it looks like you are using WordPress but you are not hosted here at WordPress.com. 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 and the following looks like it is all that is needed.

  #Top_bar .logo {
      float: none;
      text-align: center;
  }