CSS: Changing the icon in the Post/Page Title

• 

  scrafen · Member · Sep 8, 2009 at 2:36 pm

  • Copy link
  • Add topic to favorites

  Every Post or a Page has in its ‘Title’ a very small icon on the left. This i’d like to change. So IconA for Posts, and IconB for Pages.

  It works, when adding an icon as below in the CSS – but it will apply to both, Pages as well as Posts.
  #content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none;
  background: url (http://scrafen.files.wordpress.com/2009/09/up-16×16.png) 24px 50% no-repeat;
  padding: 9px 100px 12px 42px;}

  How can I have two different #contents, one for posts and another one for pages ?

  I tried some, as ” #content .postwrapper wideposts .title <…> ” – but nothing helped so far…

  tia

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

• 

  scrafen · Member · Sep 8, 2009 at 3:28 pm

  • Copy link

  just found something:

  (a) PAGES
  #content .postwrapper .title h2 {font: <…>
  (b) POSTS
  #content .wideposts .title h2 {font:<…>

  if there is anything wrong with this (for side effects or so) or any other better solution (e.g. condition on (main) categories etc) pls let me know. http://scrafen.wordpress.com
  tia