![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: background, Blog, excerpt, full, rule
-
AuthorPosts
-
August 23, 2014 at 10:22 pm #308316
I would like to create a horizontal rule between posts on both settings for blog post excerpts and full posts.
Alternatively, it would be cool to automatically alternate background colors between each post or excerpt. However, I wouldn’t want the alternate background color to be restricted to the column itself, it would need to affect the entire width of the post from the sidebar through the end of the page.
Currently I have the background set as a gray color — and not the default white.
here’s what I’ve got to date: http://worldri.de/9KS6l
-
This topic was modified 10 years ago by
MacMyDays.
August 25, 2014 at 6:34 am #308626Hi MacMyDays!
Thank you for using Enfold.
You can send a screenshot on how you want the post list to look like but if you want an alternate background color, you can use this on QuicK CSS or custom.css
.post:first-child { padding-top: 0px; } .post { border-bottom: 1px solid black !important; padding: 30px 15px 0 15px } .post:nth-child(odd) { background: blue; } .post:nth-child(even) { background: red; }
Regards,
IsmaelAugust 27, 2014 at 7:17 pm #310019Hey Ismael,
THanks for the code for alternating color, however, I’ve decided to try to get it to look like the attached screen shot.
HERE’S THE LINK TO THE SCREEN SHOT:
https://www.evernote.com/shard/s34/sh/b79ab89a-e0b0-4d35-b74f-6c50ded2594d/2bd6712289e55495e1898b443d5cfc95Key elements are:
1) horizontal rule above post title
2) Tighten space between posts
3) Move thumbnail from center above post title to align left in the post excerpt area
4) read more link to be below the thumbnail image.
5) I’d be okay with expanding the excerpt too, by another 2-4 lines
What do you think? Is that easy enough ????
thanks!
MmD
-
This reply was modified 10 years ago by
MacMyDays.
September 2, 2014 at 7:14 am #312051Hey!
You’d need to change blog style to “Blog Single Author Small” in order to get the thumbnail the way you want.
Cheers!
JosueSeptember 8, 2014 at 4:45 am #314822Hey Josue,
That’s what I have it set at. But the layout puts the small image centered on top. I’d also like to get that thin white rule between each of the posts. Check out the screen shot and check out the actual page
Current Page: http://worldri.de/9KS6l
September 8, 2014 at 11:37 am #314962Hey!
Please try this on Quick CSS or custom.css:
#top .fullsize .template-blog .post .entry-content-wrapper { text-align: left; font-size: 15px; line-height: 25px; max-width: 800px; margin: 0; overflow: visible; width: 87%; margin-left: 2%; float: left; top: 50px; border-bottom: 1px solid #ffffff; } #top .fullsize .template-blog .blog-meta { margin: 0; display: block; position: relative; width: 11%; overflow: hidden; text-align: center; z-index: 1000; float: left; top: 50px; }
Please visit Envato Studio or Werkpress for further customization.
Regards,
Ismael -
This topic was modified 10 years ago by
-
AuthorPosts
- You must be logged in to reply to this topic.