Premium Theme Support › WooThemes › Standard

CSS for aligning the site-title and site -description to the center

• Author
  Posts
• September 14, 2013 at 11:00 pm #37333
  
  skyblueguy
  

  Member

  It’s a basic question (I am new to css.)
  How can I center the site-title and the site-description?

  Thanks.

  The blog I need help with is truthofwmscogandchristahnsahnghong.wordpress.com.

  September 16, 2013 at 8:21 pm #37537
  
  unfunnyme
  

  Member

  Hi skyblueguy, not sure where the standard theme people are, but you can try adding the following to your css

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

  Let me know if that works!

  September 18, 2013 at 3:17 pm #37621
  
  skyblueguy
  

  Member

  Thanks.

  September 18, 2013 at 10:06 pm #37630
  
  skyblueguy
  

  Member

  I noticed that the site-description does not align center.
  I added the following codes, but it does not move the site-description to the center:

  #site-description {
  color: #ADADAD !important;
  font-size: 14px !important;
  /* font-style: italic; */
  position: absolute;
  top: 82px;
  text-align: center;
  }

  Thanks.

  September 25, 2013 at 11:00 pm #37681
  
  scottbasgaard
  

  Member

  To align this to the center please try:

  #site-description {
  position: inherit;
  width: 100%;
  top: 0;
  display: block;
  text-align: center;
  }

  Kind Regards,
  Scott

  September 25, 2013 at 11:06 pm #37682
  
  skyblueguy
  

  Member

  Hi Scott
  Really thanks for your help.

  I applied your code, and the text now is moved to the center.
  However, this code adds some extra space between the site-description and the men-bar.
  Can I reduce the space between them?

  Best Regards

  September 30, 2013 at 8:10 pm #37687
  
  scottbasgaard
  

  Member

  Awesome, for the spacing try:

  #logo {
  padding: 40px 0 10px;
  }

  Thanks again!

  September 30, 2013 at 9:32 pm #37688
  
  skyblueguy
  

  Member

  Thanks again for your sincere support.

  Have a great day!

• Author
  Posts

The topic ‘CSS for aligning the site-title and site -description to the center’ is closed to new replies.