Back to top

Affiliate Link: Looking to Monetize With Ads?? We Personally Use:

Ezoic

Replace Button Text ‘View Post’ On Recent Posts And Archives

Featured Tiles
As an Amazon Associate we earn from qualifying purchases made on our website. If you make a purchase through links from this website, we may get a small share of the sale from Amazon and other similar affiliate programs. You can read our complete legal information for more details.

Many have been looking for a way to replace the text on the normal buttons on the front page Recent Posts. Typically this is done with theme editing but this comes with the issues of an update removing the custom code and having to re-apply on each update.

Instead, I have used Custom CSS to replace the text within the box allowing you to update the text to whatever you need it to be.

Version 1.1.5 Changes

a.button.reverse {
  position: absolute;
  visibility: hidden;
}

a.button.reverse::before {
  content: "Read More...";
  visibility: visible;
    border: 1px solid transparent;
    border-radius: 3px;
    background: #363940;
    color: #fff !important;
    display: block;
    font-family: "Roboto Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
    background: #363940;
       line-height: 1;
    padding: 8px 18px;
	text-transform: uppercase;
    text-decoration: none;
    transition: all .2s;
    font-weight: bold;
    letter-spacing: 1px;
	font-size: 1rem;
    font-style: normal;
}

Version 1.1.2

#main > section > article > div > div > p > button {
  position: absolute;
  visibility: hidden;
}

#main > section > article > div > div > p > button:before {
  content: "Read More...";
  visibility: visible;
    border: 1px solid transparent;
    border-radius: 3px;
    display: block;
    color: #fff !important;
    font-family: "roboto_condensedregular", sans-serif;
    background: #363940;
    padding: 6px 10px;
}

Please let me know in the comments what you think and if this is helpful!

About Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals!
Read More About Me...

My Posts | Website

Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals!
Read More About Me...

8 thoughts on “Replace Button Text ‘View Post’ On Recent Posts And Archives

    1. You can remove them but it is the default font used on Buttons in Acabado, I just put it there for user choice sake as you could change the font easily if you wanted to.

  1. Hi, thanks for the post. Can you let me know how to completely remove the buttons “View Post” and “Continue Reading” from the theme files (instead of using CSS)?

    1. The issue with this is you have to remove them each time you update the theme if you manage it this way. What is your purpose and maybe there is a better approach? Otherwise just reply and I’ll find where you can remove them in the current version.

      1. I don’t want the same URL’s to appear more than once on the home page. One is on the title and other is on the button – View Post or Continue Reading. Hence I want to remove the buttons from the HTML code.

        1. Just know there is nothing wrong from an SEO standpoint and that you may confuse people as the only way to get to the post will be through clicking on an image. I’ll find the best way to cut them out and you’ll have to do it on every update to the theme.

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Content