CSS heading styles for the Title and Description in the Chateau theme

• 

  masedesigns · Member · Jan 6, 2014 at 11:21 am

  • Copy link
  • Add topic to favorites

  I looked via “inspect element” but the styles did not seem to render when customizing.

  I’m after the CSS heading styles for the Title and Description in the Chateau theme.

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

• 

  justpi · Member · Jan 6, 2014 at 12:45 pm

  • Copy link

  What exactly do you want to change? color? size? other?

• 

  masedesigns · Member · Jan 6, 2014 at 12:49 pm

  • Copy link

  The size of the “Main Title” and “Description” – also the size of the “post title”…

  thanks!

• 

  justpi · Member · Jan 6, 2014 at 1:41 pm

  • Copy link

  To change the font size of the blog title, add this and change the value:

  #site-title, #site-title a {
  font-size: 24px !important;
  }

  For help with the tagline and the post tiles, you need to add a tagline and a post first!

• 

  masedesigns · Member · Jan 6, 2014 at 9:45 pm

  • Copy link

  Thanks for that…

  In the “site description” which reads as:

  <h2 id=”site-description”>~ a 99designs related blog</h2>

  is there any way to remove the “~” before the text?

  PS. I used the same values for the description as you provided above for the title, and it works fine :)

  ie.

  #site-description , #site-description a {
  font-size: 24px !important;
  }

• 

  justpi · Member · Jan 7, 2014 at 8:26 am

  • Copy link

  You’re welcome.

  a) The tagline isn’t a link so you don’t need the “a” selector. This would be enough:

  #site-description {
  font-size: 20px !important;
  }

  b) Since the “~” doesn’t have its own selector, you cannot target it. What you can do is hide the whole tagline and add a substitute. And I think it would look better below the blog title rather than next to it. So, instead of the above, try this and see if you like it:

  #site-description {
  display: none;
  }
  #site-title:after {
  content: "TYPE YOUR TAGLINE HERE";
  display: block;
  font-size: 20px;
  font-style: italic;
  margin-top: 8px;
  }

• 

  masedesigns · Member · Jan 7, 2014 at 10:25 am

  • Copy link

  Hi and thanks again for your help!

  Well, it did work, yet unfortunately the “site description” still appears and is now beneath the new “content” tagline :/

  It reads as follows:

  #site-title, #site-title a {
  	font-size: 24px !important;
  }
  
  .post-title h1 {
  	color: #990000;
  }
  
  #site-description {
  	display: none;
  }
  
  #site-title:after {
  	content: "TYPE YOUR TAGLINE HERE";
  	display: block;
  	font-size: 20px;
  	font-style: italic;
  	margin-top: 8px;
  }

  Not sure why, perhaps it’s me :/

• 

  masedesigns · Member · Jan 7, 2014 at 10:31 am

  • Copy link

  I removed the “tagline” text from ‘site title’ customize function and it works fine now… DOH! my bad

  Looks great thanks :)