-
Posted in : Read WP
-
It’s strange that there is no easy way to change the font size of the post title on the index page. Currently both my title of the post and content happen to be same size.
Where do I go to change the font size of the post title that shows up on the index page without affecting the single post page?
Try adding this to the Custom CSS area under your Appearance > Theme Options > Style tab:
.blog-posts h1.entry-title {
font-size: 3em;
}You can change the “3em” to whatever size you need.
PS. I’m not with Pixelwars, just a fellow Read WP user so no guarantees. But I did test this on my site and it resized the post title on my index page while leaving the single post page title alone.
Thanks for your help blairwarren. It still doesn’t work for me, nothing changes after I add the CSS.
Sorry about that zaddy. Something else may be overriding the rule. Try adding the “important” attribute to it and see if that corrects the problem. You’d just replace the code I’d suggested before with this:
.blog-posts h1.entry-title {
font-size: 3em!important;
}If that doesn’t fix it, maybe you could post a link to your site. It’d be easier to determine what’s happening that way.
PS. Have you added any other rules that might be conflicting with the post heading and/or post content font sizes? The fact that your content and titles are the same size makes me wonder if this isn’t a possibility.
Blairwarren, still doesn’t work. Here’s what I have in that Custom CSS box:
.site-header { padding-bottom: 0em; }
.hentry > h1 { margin 0; }
h1.site-title a { border-bottom: none; }
.site-header hgroup { padding: 0em 0 0.5em 0; }
h1.site-title { line-height: 1; margin-bottom: -0.3em; }
.readable-content > .hentry { padding: 0.7em 0 2.5em 0; }
.entry-content { font-size: 108%; }
.blog-posts h1.entry-title { font-size: 3em!important; }my blog is at http://zahidlilani.com
I didn’t realize you were using the masonry template for your blog posts. That’s why the css I gave you didn’t work.
Try replacing it with this:
.blog-masonry h1.entry-title {
font-size: 3em;
}PS. When I tested this css on my site, I didn’t need to include the !important attribute. If it still gives you trouble, try adding it.
Thanks man, that worked. I had a feeling that it had something to do with the blog being Masonry. Didn’t have to use !important attribute.
Thanks again!
You must be logged in and have valid license to reply to this topic.