Customizing CSS on individual posts
-
I’ve successfully customized the CSS for several items on my blog’s main page, but I’m having trouble figuring out how to make the same changes appear on the individual post pages. The customizations I need to make are mainly to the post title font size and link colors/link hover colors.
For example, check out this post: http://mwtemple.wordpress.com/2011/08/16/what-i-did-on-my-summer-vacation-day-1/. I’d like the CSS on that page to match the CSS I’ve customized for my home page, http://mwtemple.wordpress.com. I just can’t locate where in this theme’s CSS I can change the post pages.
Can anyone help me out? I’m running the Pilcrow theme. Thanks!
The blog I need help with is: (visible only to logged in users)
-
The post titles on the main page are controlled by a different selector than the post titles on the single post page.
The titles on the main page are under .entry-title a
The titles on the single post pages are under .entry-title but some other stuff is overriding the size.
Do this to catch the size on both (add it to the very bottom of your CSS).
.wf-active .entry-title { font-size: 31px !important; } -
I have a question for @thesacredpath, I am new to using WordPress but I have build sites using DreamWeaver. Is it possible to use custom CSS to create different headers for each page of the blog? I have the headers to have the same size but different images.
-
Chateau supports “featured” images. That means that if you set an image as a “featured” image it will show up as the header for that particular page (works also with individual posts as well).
Open one of the pages you want a different header image on, click the “insert image button, upload the image and then when the image is uploaded, click the “use as featured post” button at the bottom of the upload/insert image window. Do not insert it into the post. After the stuff is done, click “save all changes” to exit that window. Now click publish or update for that page and then view the page and you will see your new image as the header for that page.
Post related pages such as the main page, category, tags and archives pages will reflect the image that you have set at appearance > header, but for each static page, you can have a unique header image.
You can also do the above for posts and then when someone goes to the single post page, they will see that featured image as the header for that particular page.
You can go here and see it in action. Click on the “about” tab and you will see an obnoxious orange block of color for the header image on that page.
-
-
- The topic ‘Customizing CSS on individual posts’ is closed to new replies.
WordPress.com Forums 