Home>Support>How to format/remove the links to the next/previous blog post links in Origami Premium?

How to format/remove the links to the next/previous blog post links in Origami Premium?

By Kevin, 9 years ago. Last reply by Kevin, 9 years ago.

Hello again!

At the bottom of my blog posts in Origami Premium there are links on the left and right side for the next/previous blog posts. Is there any way to:

1) format this text, maybe changing the color or making it bold
2) remove this text, or
3) add arrows to this text to make it clear that it’s a link (for example, something like “Next Post >>”).

I’m still really new to WordPress and to CSS and I don’t want to accidentally mess something up. Thanks so much for your help!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Kevin

    The default blog layout does not use left and right links. Are you using a post loop widget or carousel for your blog page?

    Magus

  2. 9 years, 3 months ago Kevin

    Hi Magus,

    I’m using the standard, default blog layout. You’re right that there are no left and right links when on the main blog page (which displays the 5 most recent posts, for example). But when one navigates to an individual post page, there are links at the bottom with the titles of the previous/next posts. The problem is that these links are in the same font style as the body of the blog, and they’re very near to the rest of the blog post text, so it’s a little confusing when they appear.

    I have a screenshot, if that would help, though I can’t figure out how to attach it here.

    Any suggestions on how to edit and/or remove these links?

    Thanks!

  3. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Kevin

    You can accomplish this using a theme setting. In your WordPress admin, navigate to Appearance > Theme Settings. Under the Display tab is a setting called Post Navigation. You can disable this to remove the links.

    As an alternative you can style the links into buttons by using the following in your custom CSS.

    .post-navigation a {
  background: #d3dce3;
  background-image: -webkit-linear-gradient(top, #d3dce3, #99a2a8);
  background-image: -moz-linear-gradient(top, #d3dce3, #99a2a8);
  background-image: -ms-linear-gradient(top, #d3dce3, #99a2a8);
  background-image: -o-linear-gradient(top, #d3dce3, #99a2a8);
  background-image: linear-gradient(to bottom, #d3dce3, #99a2a8);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #000;
  padding: 10px 20px 10px 20px;
  border: solid #b9bdbf 2px;
  text-decoration: none;
}

    Please let us know if you need any help with this.

    Magus

  4. 9 years, 3 months ago Kevin

    Perfect!! Being able to simply remove the links through the Theme Settings is exactly what I was looking for!

    Thanks so much for all your help!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More