Navigation arrows

You can add this custom CSS to hide the arrows.

.post-navigation {
  display: none;
}

Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

Thank you, It worked for posts but I want it for pages in main page.

You can use this:

.nav-links {
  display: none;
}

If you do that, just keep in mind that viewers will have no way get to your previous posts.

Thank you again but I want something like this ??

image

Ah, I see. Now I understand better what you’re trying to do.

Give this a try in your custom CSS:

.site-content [class*="paging-navigation"] a::before {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     color: #333;
     position: relative;
}

.site-content [class*="paging-navigation"] .nav-previous {
     float: left;
}

.site-content [class*="paging-navigation"] .nav-next {
     float: right;
}

.site-content [class*="paging-navigation"] .nav-next a::before, .site-content [class*="paging-navigation"] .nav-previous a::before {
     position: relative;
}

It won’t output any text (that will require a child theme and more complicated tweaking) but it moves the arrows to the bottom of the blog page in a more traditional location.

Let me know if this works better for you.

It should look something like this:

Thank you, it’s much better now ??

Great, glad to hear it!