WordPress.org

Ready to get started?Download WordPress

Forums

Remove prev/next buttons from top of the page (21 posts)

  1. zarecom
    Member
    Posted 1 year ago #

    Please help me I tried everything so far without luck. I am trying to remove prev/next buttons from top of the page and leave it just at the bottom. I am using PageNavi plugin and when I inserted the code inside the my loop file it goes only to a top of the page. Also, I am trying to fit PageNavi inside the box on my page but it's a little bit outside, I am not sure how to change that. the website is http://www.hostelpartyworld.com you will understand when you see it more. Thanks in advance.

  2. zarecom
    Member
    Posted 1 year ago #

    I would even delete that small box from my page if it is possible

  3. zarecom
    Member
    Posted 1 year ago #

    I am using Adventure Journal Theme

  4. zarecom
    Member
    Posted 1 year ago #

    Let me make it easier to understand some parts. The size of the pagenavi doesn't look good with the image being so far down. It needs to go up a pixel or two. also, how to have pagenavi only on the bottom of the page? Thank you

  5. zarecom
    Member
    Posted 1 year ago #

    I mean the little magnifying glass image

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    If you're thinking of modifying any theme that you've not built from scratch, consider doing so in a Child Theme, so you don't modify the theme's files and lose your changes when the theme updates.

    You'll probably need to fiddle around with CSS, have you knowledge of this?

  7. zarecom
    Member
    Posted 1 year ago #

    that is another thing, I have no idea how to build a child theme, how do I do that? I am new here. Thank you

  8. zarecom
    Member
    Posted 1 year ago #

    I have some knowledge. I did it before

  9. zarecom
    Member
    Posted 1 year ago #

    the link you sent me transfers me to http://wordpress.org/support/

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    I'm sorry, try this link
    http://codex.wordpress.org/Child_Themes

    (it's because I didn't use http://codex....)

  11. zarecom
    Member
    Posted 1 year ago #

    little magnifying glass image is here, I found on some other forum but it doesnt say where in CSS is? Do you maybe know?

    input#s {
    background: url("/wp-content/themes/twentyeleven/images/search.png") no-repea 5px 6px transparent;
    border-radius: 2px 2px 2px 2px;
    font-size: 14px;
    height: 22px;
    line-height: 1.2em;
    padding: 4px 10px 4px 28px;

    I am supposed to change to 4px from 6px

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you link the page in which the next/prev buttons are?

  13. zarecom
    Member
    Posted 1 year ago #

    its on the front page of http://hostelpartyworld.com/

  14. Andrew
    Forum Moderator
    Posted 1 year ago #

    I can't see the next/prev buttons on the front page, sorry.

  15. zarecom
    Member
    Posted 1 year ago #

    It says pages 1 to 5. I am trying to remove that. Just to leave page numbers on the bottom

  16. Andrew
    Forum Moderator
    Posted 1 year ago #

    You could try the CSS;

    #nav-above.navigation {
     display: none;
    }

    Ideally you want to be adding this in either a Child Theme's stylesheet or using a Custom CSS plugin.

    That would remove the page numbers at the top, but I don't see page numbers at the bottom. Are there page numbers at the bottom or do you wish to add them?

  17. zarecom
    Member
    Posted 1 year ago #

    But where do I insert that into CSS? I've looked through the entire CSS and can't find it. Is it somewhere here?

    #nav-above, #nav-below { margin-bottom:1em; font-size:11px; height:20px;padding:5px 10px; /*background:#efe3d8;*/ background:#e9e9e8; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border: 1px solid white; box-shadow: 0 0 2px rgba(0,0,0,.5); -moz-box-shadow: 0 0 2px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 2px rgba(0,0,0,.5); }
    .nav-next, .nav-previous { font-weight:bold; /*padding:5px 10px; background:#603913; */}
    .nav-previous { float:left; }
    .nav-next { float:right; }

    I wish to add the numbers at the bottom. I will make a Child Theme now. Thank you soooooo much

  18. Andrew
    Forum Moderator
    Posted 1 year ago #

    In the Child Theme stylesheet, at the bottom of the file, add;

    #nav-above.navigation {
     display: none;
    }

    For the numbers to appear below the post, do you know which template file that page uses?

  19. zarecom
    Member
    Posted 1 year ago #

    on the bottom it only says older posts but I want on the bottom to be what is on the top and top to be empty.

  20. zarecom
    Member
    Posted 1 year ago #

    No idea. Where can I check that?

    [ Please do not bump, that's not permitted here. ]

  21. Andrew
    Forum Moderator
    Posted 1 year ago #

    I'm not sure where you can check that, but once you know, can you http://Pastebin.com the contents of that file and link us the Pastebin page?

Topic Closed

This topic has been closed to new replies.

About this Topic