Fonts and text align
-
I’d like to change text align to justify in post excerpt.
Also, make smaller fonts in full post for title and text.
Please, help?
PS. I tried to add
.entry { font-size: 12px; }
in style.css or custom css (it’s activated) but it doesn’t work for me π
-
Hi MontyPL. Can you post a link to your site? Thanks.
My website is not ready yet, but I made it temporary available for you:
Main page: http://sixers.pl/i.php/
Full post: http://sixers.pl/i?p=3866I think that smaller font and justification would be better in both excerpt and full post.
I have to come back to old website, because it’s offline for over one hour. Sorry, links will not work anymore.
Sorry I couldn’t get to your test site. Try this css and see how it works:
/* justify post excerpt text */ .post-inner .entry.excerpt p { text-align: justify; } /* reduce post title font size */ .single .post-title { font-size: 18px; } /* reduce post content font size */ .single .entry p { font-size: 15px; }Nope, does not work π
Once you’re online please let me know so I will put the site offline and give you new links.
No, it works – my mistake. However:
1. I need to make an author name and date smaller too (full post), because it’s the biggest font now.
2. I need to make the space between lines little bit smaller. Looks weird now.
3. I want justifications for full post too (works only for excerpt).
4. I want smaller font for title/date/categhory/text for excerpt too (works only for full post).
5. Smaller fonts don’t work with bulleted/numbered list at all.Hope that’s all. Pretty tough stuff for me.
Based on the number of questions you’re asking I’d like to recommend that you consider learning a bit more about css and how it works. I’m glad to help here but, if you’re going to be making more modifications in the future, knowing about css would be beneficial. It’s not difficult; just takes a bit of practice. There is some good information in the theme documentation. And here are a couple of online resources:
http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1?curriculum_id=50579fb998b470000202dc8b
http://www.w3schools.com/css/As to your requests above, give these a try:
1.
/* reduce post author & date size */ .post-byline { font-size: 12px; }2. & 3.
/* reduce post line spacing; justify post content */ .entry p { line-height: 1.2; text-align: justify; }4.
/* reduce post excerpt font size */ .post-inner .entry.excerpt p { font-size: 12px; } /* reduce post excerpt title font size */ .post-inner .post-title { font-size: 18px; } /* reduce post excerpt category and date font size */ .post-inner .post-meta { font-size: 12px; }5.
/* reduce list font size */ entry ol, .entry ul { font-size: 12px; }Everything works perfectly now. Thank you, thank you, thank you!.
My custom.css file looks as follows:
/* justify post excerpt text */ .post-inner .entry.excerpt { text-align: justify; } /* reduce post author & date size */ .post-byline { font-size: 12px; } /* reduce post line spacing; justify post content */ .entry p { line-height: 1.3; text-align: justify; } /* reduce post line spacing */ .entry ol, .entry ul { line-height: 1.3; } /* reduce post excerpt font size */ .post-inner .entry.excerpt p { font-size: 15px; } /* reduce post content font size */ .single .entry p { font-size: 15px; } /* reduce post excerpt title font size */ .post-inner .post-title { font-size: 22px; } /* reduce post excerpt category and date font size */ .post-inner .post-meta { font-size: 12px; } /* reduce list font size */ entry ol, .entry ul { font-size: 15px; }You are right, I should learn more, thanks for links. I used to know basics, but first of all now coding looks different and secondly it’s difficult for me to change someone else’s work. I never know where to find things, what are the names. It’s confusing.
You’re welcome; glad I could help. If it’s working the way you want and you don’t need any more help here, please mark the topic as resolved. Thanks
OK cheers.
The topic ‘Fonts and text align’ is closed to new replies.
