CSS: Changing the icon in the Post/Page Title
-
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)
-
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
- The topic ‘CSS: Changing the icon in the Post/Page Title’ is closed to new replies.