Tagline and title separation

• 

  tadawes · Member · Dec 5, 2011 at 8:21 pm

  • Copy link
  • Add topic to favorites

  Greetings,

  I, like others here, am a CSS novice. I’d like to get the tagline on http://trevordawes.wordpress.com to appear on a separate line below the title. Suggestions?

  Thanks,
  trevor

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

• 

  designsimply · Member · Dec 5, 2011 at 8:23 pm

  • Copy link

  To made the tagline in the Chateau theme appear on its own line, try this:

  #main-title #site-description {
       display: block;
  }

• 

  thesacredpath · Member · Dec 5, 2011 at 8:27 pm

  • Copy link

  This will do it, but there isn’t a way to get rid of the tilde symbol at the beginning. That is inserted into the description in the underlying theme PHP script files and we do not have access to those.

  #site-description {
  display: block !important;
  }

• 

  thesacredpath · Member · Dec 5, 2011 at 8:28 pm

  • Copy link

  And @designsimply beat me to it.

• 

  designsimply · Member · Dec 5, 2011 at 8:33 pm

  • Copy link

  Howdy @thesacredpath!

  I think you could try hiding the first character of the tagline in Chateau with the following, but I don’t know if it would scale well in all browsers.

  hgroup {
      overflow: hidden;
  }
  #main-title #site-description {
      margin-left: -20px;
  }

• 

  tadawes · Member · Dec 5, 2011 at 8:35 pm

  • Copy link

  Thanks All!

• 

  thesacredpath · Member · Dec 5, 2011 at 8:42 pm

  • Copy link

  @designsimply, Howdy to you, and nice solution to hiding the tilde. That hadn’t occurred to me.