Hi, I am revamping the Blog portion of my site and need help. The automatic blog format is bulky and leaves a ton of white space everywhere. Plus it doesn’t seem all that friendly in terms of format changes.
Please go to www.zaaya.com/blog to see what it looks like now. I want it to look more like http://zenhabits.net/archives/ – meaning that I want
– the headings to be smaller
– to have a date if possible, similar to the Zen habits link above
– I want the heading to be the link that you click to get to the blog text – i don’t necessarily want “continue reading” button, otherwise every one of them will have this button right next to each other and it’ll look clunky
– I want the space between blogs to be greatly reduced – again, see Zen habits link above. I want the headings to be more like a list that’s left justified.
Please help ASAP!
Also, do I have the premium version? I used to but don’t know if it expires after a year. Please help. Let me know how I can upgrade back to premium if i no longer have it.
Hi Zaaya945
Thanks for your question.
Our premium theme versions don’t have an expiry, you’re still using premium :)
If you head over to Appearance > Theme Settings > Blog > Blog Archive Layout you can choose between the Blog, Grid or Circle Icon layouts. Unfortunately, we don’t currently offer a layout like ZenHabits. Adding a new blog layout would be a custom development task. If that’s something you’d like to investigate, we recommend trying out Codeable.
Thank you for responding. So I am gonna stick with the Blog layout, I think I’m ok with it. I picked the “Post Excerpt” for the Post Content, and how there is too much white space between the blog titles. I’m good with the way the layout works, just want the titles to be a lot closer together. Please help!
http://www.zaaya.com/blog/
Try the following at Appearance > Custom CSS:
article.post .entry-header { margin-bottom: 5px; } article.post { margin-bottom: 10px; padding-bottom: 10px; }Adjust as required.
OMG, you are BRILLIANT and this is looking so great. One last questions abt the blog I think – now that the headings are closer together, how do I make the font of the headings smaller? It looks really bulky and imposing, and I just want it to be a simple, thin font, maybe size 12 at the most.
Thank you!
An an additional question that I forgot – right now I have 2 pages of these blogs, but the first page only has 10 headings and then it goes to page 2. How can I get so at least 30 or 40 headings show up on one page? Especially when the titles and headings will have smaller font it will look silly to only have 10 at a time.
Thank you!
.blog article.post .entry-header h1.entry-title, .archive article.post .entry-header h1.entry-title { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 20px; }Try the above and adjust as required.
You can change posts per page display from SettingsReading. Hope that helps.