Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #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:

    • This topic was modified 9 years, 6 months ago by MacMyDays.

    Hi 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;



    Hey Ismael,

    THanks for the code for alternating color, however, I’ve decided to try to get it to look like the attached screen shot.


    Key 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 ????



    • This reply was modified 9 years, 5 months ago by MacMyDays.


    You’d need to change blog style to “Blog Single Author Small” in order to get the thumbnail the way you want.



    Hey 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:



    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.


Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.