Several entry title styles?

• 

  lagazettedesplantes · Member · Aug 9, 2018 at 4:00 pm

  • Copy link
  • Add topic to favorites

  Hello,

  with Twenty-ten, is it possible to create several styles (font size, color, background etc.) for post titles?
  What I would like is to have an entry with a specific style, then the next entry would have another style etc.

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

• 

  darusja · Staff · Aug 9, 2018 at 6:31 pm

  • Copy link

  Hello,

  each post has a different id, so if you need to set up a specific style for a post for example for the post “La lande ne sera pas pourpre cette année” you need to take its is and then title:

  #post-6681 {
  .entry-title {
  font-size: …;
  color: …;
  }
  }

  I hope it helps :)

• 

  lagazettedesplantes · Member · Aug 9, 2018 at 8:22 pm

  • Copy link

  Thank you!
  Sounds a good idea. I’ll give it a try.

• 

  lagazettedesplantes · Member · Aug 9, 2018 at 10:10 pm

  • Copy link

  I tried to apply your tip but it doesn’t work
  I applied it on my previous post “La plante à l’affiche : Une orchidée collante…”
  with post-id = 6083

  I tried several versions :

  #post-6083 {
  .entry-title {
  color: #006600;
  }
  }

  and

  #post-6083 .entry-title {
  color: 006600;
  }

  and also

  #post-6083.entry-title {
  color: 006600;
  }

  but but to no avail ;-(

  Do you see why?

  Thanks in advance

• 

  dkmyta · Member · Aug 10, 2018 at 3:53 am

  • Copy link

  Hey there,

  Your second attempt should work but just looks like you missed the hashtag in front of you color code.

  Try this out:

  #post-6083.entry-title	{
  color: #006600;
  }
  

  Let me know if it works!

  Cheers

• 

  darusja · Staff · Aug 10, 2018 at 7:39 am

  • Copy link

  Now I see that inside h2 tag there is a link () so you need to adress it like this:

  #post-6083 {
  .entry-title a {
  color: #006600;
  }
  }

  or

  #post-6083 .entry-title a {
  color: #006600;
  }

  The one below is wrong, because it adresses the element, that has the id “post-6083” and the class “entry-title” in the same tag.

  #post-6083.entry-title { … }

• 

  lagazettedesplantes · Member · Aug 10, 2018 at 8:33 am

  • Copy link

  Great! This works

  #post-6083 .entry-title a {
  color: #006600;
  }

  Thank you so much!