[Support request] Make post list exactly like in the woorkup.com page

Home Forums Support Make post list exactly like in the woorkup.com page

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1015475
    Muhamed

    Hi.

    I want to create front page posts lists exactly like in this page: https://woorkup.com
    I’ve managed through tweaking to make my page look like this right now: https://imgur.com/a/7BrOdN6

    1. I’ve manipulated “Read more” by adding Additional CSS:

    .read-more {
        margin-top: 10px;
    		margin-right:30px;
        float: right;
    }
    
    .entry-summary a {
    		color: #277ee4;
        border-bottom: 2px solid rgba(45, 130, 230, 0.4);
    }
    
    .entry-summary a:hover{
    	color:#000000;
    }

    Is this the wrong approach? If yes, how should I change it.

    2. Other problem is that I need to make a featured image centered vertically next to the whole excerpt and “Read more” link. Right now there is a lot of space below it.

    3. I want to add a separator line between posts.

    How should I approach these three issues?

    Kind regards.

    #1015544
    David
    Staff
    Customer Support

    Hi there,

    1. Looks fine to me.
    2. and 3. Any chance you can link me to the site?

    #1015577
    Muhamed

    Thanks for the reply. I managed to get it to work well. Thanks for the help. Kind regards.

    #1015584
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.