Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 23, 2014 at 10:22 pm #308316
    MacMyDays

    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, 11 months ago by MacMyDays.
    August 25, 2014 at 6:34 am #308626
    Ismael

    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

    August 27, 2014 at 7:17 pm #310019
    MacMyDays

    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, 11 months ago by MacMyDays.
    September 2, 2014 at 7:14 am #312051
    Josue

    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

    September 8, 2014 at 4:45 am #314822
    MacMyDays

    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

    September 8, 2014 at 11:37 am #314962
    Ismael

    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

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