How to Turn Elementor Read More Links Into Buttons

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Code Snippets, CSS
Buttons, Posts

Instructions

Create a new CSS code snippet.
Copy the contents of code snippet below.
Paste the contents into your code snippet.
Review any notes that I’ve provided.
Save and enable the code snippet.
Test.

Snippet

‘Read More’ links appear within Elementor Pro’s Posts Widget, and Elementor doesn’t provide many styling options for them. In my quest to convert these links into “buttons,” I created the code snippet below.

.elementor-post__read-more {
    background: var(--accent);
    padding: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700 !important;
}

how to turn elementor read more links into buttons

MyListing Pro

One plugin. Endless possibilities.

Pro Community

Join for free today.

My Tech Stack

Trusted tools and resources.

Software Deals

Save on Premium Solutions.