Change page number button

  • Hi, I want to know how can I add a custom next page button with numbers. Because when I put the code <!–nextpage–> the numbers are too small and its confusing because it is a little bit hard to see them because they are too small. I want to make them more visible, or to make background for each button then the numbers of the page to be over that background. The coders know what I am talking about . The idea with the background is better but if its not possible, the other one is good enough too

    PS: I am using the arras theme and I am not an coding expert , as you see, I am a 3D modeler, so take it easy when you will explain . My website is tutorial-z.com and most of my tutorials are very very long and I want to split them. I want to have the same style as the page numbers from the home page but a little bit bigger if its possible.

Viewing 15 replies - 1 through 15 (of 15 total)

  • Can you please link to an example of a page where the pagination numbers are too small so we can take a look at the code?

    Thread Starter andreysc7

    (@andreysc7)

    Can you please link to an example of a page where the pagination numbers are too small so we can take a look at the code?

    Sure, here you have it . I just made a lorem ipsum post to show you ??

    https://tutorial-z.com/test/

    Unfortunately there is no CSS class on your pagination so you’ll need to find the file that references it to add one. Once that’s done, you can increase the size or otherwise style the numbering in your CSS file.

    I see that you’re using the Arras theme. You may want to try posting in their dedicated forum, as someone there may be able to help you locat the correct file to edit more quickly.

    https://www.arrastheme.com/forums/

    <p><strong>Pages:</strong> 1 <a href="https://tutorial-z.com/test/2/">2</a> <a href="https://tutorial-z.com/test/3/">3</a> <a href="https://tutorial-z.com/test/4/">4</a> <a href="https://tutorial-z.com/test/5/">5</a> <a href="https://tutorial-z.com/test/6/">6</a> <a href="https://tutorial-z.com/test/7/">7</a> <a href="https://tutorial-z.com/test/8/">8</a></p>

    Thread Starter andreysc7

    (@andreysc7)

    trust me . I have also posted on their forum, but nothing ??

    edit page.php and single.php of arras; see if you can find:

    <?php wp_link_pages(array('before' => __('<p><strong>Pages:</strong> ', 'arras'),
			'after' => '</p>', 'next_or_number' => 'number')); ?>

    if you have located the code, for instance, change to:

    <?php wp_link_pages(array('before' => __('<p class="page_numbers"><strong>Pages:</strong> ', 'arras'),
			'after' => '</p>', 'next_or_number' => 'number')); ?>

    then use in style.css (example only):

    .page_numbers { font-size: 120%; }
.page_numbers a { background: #eee; padding:5px; }
    Thread Starter andreysc7

    (@andreysc7)

    I just tried and nothing changed ?? . Another idea ?

    There are still no classes on your pagination.

    Can you copy-paste the relevant lines of your page.php and single.php that you edited? Be sure to put the code between “backticks” or use the “code” formatting button.

    <p><strong>Pages:</strong> 1 <a href="https://tutorial-z.com/test/2/">2</a> <a href="https://tutorial-z.com/test/3/">3</a> <a href="https://tutorial-z.com/test/4/">4</a> <a href="https://tutorial-z.com/test/5/">5</a> <a href="https://tutorial-z.com/test/6/">6</a> <a href="https://tutorial-z.com/test/7/">7</a> <a href="https://tutorial-z.com/test/8/">8</a></p>

    Thread Starter andreysc7

    (@andreysc7)

    well, as I said at the beginning of the post, I am not a coder expert. Just tell me where to paste that code . If you need a file just give me a, email address and I will send it. If you need where I need to paste it, I will do it, I need to know at what line I need to paste that code. Thank you very much for your patience

    Thread Starter andreysc7

    (@andreysc7)

    aaa wait . I will edit again . I read something else

    Thread Starter andreysc7

    (@andreysc7)

    Here you have the original files. I didn’t edited the files because I am not sure if it was correct how did I edited the files so , can you take a look please ?

    https://tutorial-z.com/uploads/original-files.rar

    Thank you for your patience ?? .

    Hi andreysc7, if you paste the two files into two separate Pastebins following forum etiquette and put the links here, someone can probably have a look. On the other hand, if you are really uncomfortable with code and need hands-on help you might want to look at hiring a WordPress coder to do this for you.

    Thread Starter andreysc7

    (@andreysc7)

    Hiring someone it was the last option :D.. But I think that I will do this ?? . Thank you anyway for your patience. Have a nice day

    I’m writing to you in order to know if you had found a solution? If yes, share a piece of it with us? Thanks.

    [sig moderated as per the Forum Rules]

    Thread Starter andreysc7

    (@andreysc7)

    well, I didn’t found any solution yet . The guys from cmsmasters said that they have planned this for the next theme update but the release date is unknown . So, I think that I am waiting something that will not be made ??

    Thread Starter andreysc7

    (@andreysc7)

    Oh , I forgot to say that I change the theme, but same problem ?? . Now I have a theme, bought from cmsmasters. I am not using the arras theme anymore . But still, I have the same problem with the pages

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Change page number button’ is closed to new replies.