Center my blog logo image

• 

  sphoortib · Member · Dec 3, 2016 at 12:09 pm

  • Copy link
  • Add topic to favorites

  I am trying to bring the logo image in the center of header through CSS with following code:
  .wf-active #site-header h2.site-description {
  display: none
  }

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

  It stays in the same position, however. Would like help with bringing it to the center! My blog is: http://www.infiniteli.com.

  -Sphoorti

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

• 

  dianakcury · Member · Dec 4, 2016 at 2:01 am

  • Copy link

  Hi there,

  Please try adding this CSS code:

  div#site-header {
      width: 100%;
      max-width: 100%;
  }
  
  a.site-logo-link {
      width: 100%;
      max-width: 100%;
      display: table;
      text-align: center;
  }

• 

  sphoortib · Member · Dec 4, 2016 at 6:50 am

  • Copy link

  Thank you so much for sharing the code! It moved closer to the center, however it still does not align to the center of webpage.

  Should I make more changes the code? Appreciate your help! :)

  Sphoorti

• 

  dianakcury · Member · Dec 4, 2016 at 10:53 pm

  • Copy link

  Hello,

  It seems some other custom code is conflicting, please try to remove the code related to the header, site logo etc to see how it goes.

• 

  sphoortib · Member · Dec 8, 2016 at 11:23 am

  • Copy link

  Okay! I will input the code again once I remove other conflicting codes. Thank you! :)

  Sphoorti

• 

  sphoortib · Member · Dec 10, 2016 at 6:07 am

  • Copy link

  Hello Diana,

  The code is working!! Thanks a ton. :D

  BTW – would you know how to save the changes made to the new page elements? Once I refresh the logo goes back to its original place.

  Thank you again!