Navigation
Archive / make line between recent post like ethos 1
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 20, 2016 at 3:00 am #1223520
    Garry
    Participant

    Hi loved X theme.
    I want to make line between recent post like ethos 1
    please help me. thanks

    October 20, 2016 at 3:11 am #1223534
    Lely
    Moderator

    Hi Garry,

    Please add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

    .home .x-recent-posts a.x-recent-post1 {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

    Hope this helps.

    October 20, 2016 at 4:00 am #1223618
    Garry
    Participant

    Thankyou very much Lely! Its worked.
    and can you help me make little animation like ethos 1.
    when cursor on the featured image it showed “view post” text.
    thanks before 🙂

    October 20, 2016 at 5:59 am #1223726
    Lely
    Moderator

    Hi Garry,

    Try this custom CSS:

    .home .x-recent-posts .x-recent-posts-img:hover:after {
    opacity: 1;
    padding-top: 16%;
}
.home .x-recent-posts .x-recent-posts-img:after {
    content: "VIEW POST";
    background-color: rgba(0,0,0,.75);
    color: #fff;
    font-size: 20px;
    padding-top: 100%;
    padding-left: 41%;
    -webkit-transition: padding-top 0.3s ea;
    transition: padding 0.3s ease;
}

    Hope this helps.

    October 20, 2016 at 7:04 am #1223767
    Garry
    Participant

    thankyou Lely so much help.
    wish luck for you 🙂

    October 20, 2016 at 9:52 am #1223964
    Joao
    Moderator

    Glad to hear it,

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1223520 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>