Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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 9 years, 6 months ago by MacMyDays.
    #308626

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

    Regards,
    Ismael

    #310019

    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.

    HERE’S THE LINK TO THE SCREEN SHOT:
    https://www.evernote.com/shard/s34/sh/b79ab89a-e0b0-4d35-b74f-6c50ded2594d/2bd6712289e55495e1898b443d5cfc95

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

    thanks!

    MmD

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

    Hey!

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

    Cheers!
    Josue

    #314822

    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

    Screen: https://www.evernote.com/shard/s34/sh/b79ab89a-e0b0-4d35-b74f-6c50ded2594d/2bd6712289e55495e1898b443d5cfc95

    Current Page: http://worldri.de/9KS6l

    #314962

    Hey!

    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

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