-
Posted in : Read WP
-
8 January 2014 at 23:08
Is it possible to change size and font of individual headlines?
yes it can be possible with some custom css code, which headlines do you want to modify?
Because your theme is quite sober, my wife would like to have the possibility to play with the headlines sometimes. She likes to play a bit with the size of the heading typography in only one specific post or so. So specific headlines yet.
you can do this with custom css code;
for example to change size of blog titles, you can use;
h1.entry-title { font-size. 2.4em; }Hi Ahmet,
I have three related questions about headlines…
1) I, too, am experimenting with headline sizes. I tried pasting the custom css code you recommended above…
h1.entry-title { font-size. 2.4em; }
…into the box at Theme Options > Style > Custom CSS on my WP dashboard, but I didn’t see any change to the size of my blog post headlines when changing 2.4em to larger or smaller values. What might I be doing wrong?
2) Also, I would like blog post headlines on my main Recent Posts page to be the same size as headlines on individual blog pages. For example, I’d like the headlines on these two pages to be the same size:
http://crocusreview.com/posts/
http://crocusreview.com/day-one-below-zero/How do I do that?
3) Finally, if I have a long headline that requires two lines, I’d like the lines to be aligned to the left margin (not centered like on http://crocusreview.com/day-one-below-zero/).
How do I do that?
Thanks,
Gary
Hi, these are the default values. You can change them:
– for the blog page:
body.blog .blog-posts .entry-title { font-size: 1.9em; }– for the post page:
body.single article .entry-header h1 { font-size: 2.2em; }Change the numbers above.
Thanks! That coding for the headline sizes worked great.
How do I left-align headlines (rather than the default setting of centered)?
Gary
– for the blog page:
body.blog .blog-posts .entry-title { text-align: left; }– for the post page:
body.single article .entry-header h1 { text-align: left; }In the answer on my question you advised the custom css code
h1.entry-title { font-size. 2.4em; }
But if I do that all the headlines change. I only want to be able to change the headline of one specific blog post.
every page has its own unique body class;
for example;
http://crocusreview.com/tao-the-path-to-happiness/
for this page you can use this custom css code;
.postid-288 h1.entry-title { font-size. 2.4em; }
You must be logged in and have valid license to reply to this topic.