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.