/ all snippets

Change “Read More” Text Into a Button on Post Info Widget

This CSS snippet changes the "read more" text into a button on Elementor Post Info Widget

If you don't have Elementor Pro, you can replace the prefix of "selector" with a CSS class you can define yourself. To add the CSS snippet, you can use the HTML widget.

Download Elementor Pro

/* Normal state */

selector .elementor-post__read-more{
    padding: 7px 12px;
    border-radius:20px;
    border: 1px solid #F8F8F8; /* border settings */
    background: #F8F8F8; /* background color */
}

/* Hover state */

selector .elementor-post__read-more:hover{
    color:#1D1D1F;
    border: 1px solid #F8F8F8;
    background:#F1F1F2;
}