How To Get Rid Of Next Post Arrows

As an example - http://www.naturalwondersoftheworld.com/cliffs-of-moher/

There is a gray box right above the bolded title Cliffs of Moher with arrow to the left.  I want to get rid of that.

Also to the left of the page, a fixed blue box with a left arrow in it, that when clicked also goes to previous post.  I want to get rid of that as well.

Didn't see the option to do that in the regular customizations you can do, so I guess it's in the Editor somewhere?

Comments

  • Hey,

    1. To remove this grey button with left arrow under the title, please use below css:
    .post-nav { display: none; }
    2. To remove this blue button in bottom corner, please use below code:
    .fixed-nav { display: none; }
    Each custom css should be pasted in Theme options > Layout > Custom CSS section where all css's should be stored. Each one should be in the new line.
  • Thanks, that did the trick.  Forgot to add just 1 more thing:

    Do you like it? And it has some heart icon people can click.

    Haven't decided if I want to keep that or not yet but just in case I want to get rid of that too, is there some CSS for that as well or some other way?
  • Got your message at Themeforest.  It took the Do You Like It heart icon off the post page but not category pages:

    Post page, it's gone:
    http://www.naturalwondersoftheworld.com/cliffs-of-moher/

    Category page, still there:
    http://www.naturalwondersoftheworld.com/category/europe/
  • To remove this heart "Do you like it", must be used below css:
    .post-header .button-love { display: none; }
    .post-header .title_wrapper { border: none; padding-left: 0; margin-left: 0; }
    but to remove it from category page, please use below one:
    .post-footer .button-love { display: none; }
  • Thanks, it works.
Sign In or Register to comment.