Post Grid List with Button

[Pradip Kumar]

Hello sir Can you please provide css to do like this

https://drive.google.com/file/d/1wIDgoYus4cm5w7kHYDQ1GElo2kFzqyhy/view?usp=sharing

[Alexis]

Hi @Pradip ! Here’s some code you can use:

.ub-post-grid-items.is-list .ub-block-post-grid-text .ub-block-post-grid-more-link {
    color: #fff;
    background-color: #080;
    padding: 5px;
    border-radius: 10px;
}

Before using this, make sure that list mode instead of grid mode is active for your post grid, and that the display for the Continue Reading link is active and every other display (author, date, and excerpt) are not. This is intended only in cases where the post title and the Continue Reading link are the only elements displayed for each item in the post grid list.

[Pradip Kumar]

Thank You Alexis. It is working but i want the button to be in the same horizontal line of the title and on the right side of the title like the screenshot attached. Is it possible with CSS. If yes then please share the css. Thank You