Quick Tip: How to Style the Read More Button


Want something a little more interesting on your post  read more text? 

Use this CSS to style your Read More button.   (Note: the Post element is only available in elementor PRO)

  1. Add a Post Section
  2. Select Advanced
  3. Custom CSS
  4. Paste the following CSS into the Custom CSS box.
selector .elementor-post__read-more{
background-color: #5ac3c9;
border-radius: 20px;
color: #fff;
padding: 0.5em 1.2em;
selector .elementor-post__read-more:hover{
background-color: #383d52;

You can then adjust your color and radius in your CSS.

Close Menu