WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Styling the nextpage tag for multi-paged posts (5 posts)

  1. DoubleZ
    Member
    Posted 3 years ago #

    Hello,
    I am aware that there already have been several threads about this topic, but either those solutions aint working out for me or they havent been resolved and since they all have been closed I decided to start my own and hopefully clear things up.
    So, I would like to increase the font size of the Pages: like 3 or 4 times cause now it is barely visible and probably align it to the right.
    Where must I look to adjust these preferences, or maybe there is a plugin that adds more advanced page navigation like PageNavi, but for multi-paged posts, not pages for posts.
    Thanks in advance!

  2. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    http://codex.wordpress.org/Function_Reference/wp_link_pages

    edit your template file (single.php, index.php?) and see if your theme has given these links a special css class; if not, it will be difficult to style these links independant from other links in the post.
    obviously, you can edit the code to add your own individual css class.

    you could search the wordpress plugins for 'nextpage'.

  3. DoubleZ
    Member
    Posted 3 years ago #

    I have just these so basic WP skills :( but my wp_link_pages looks like this:

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

    what should I do with the code to make it work? thanks for you input by the way, appreciate it :)
    I am using the arras theme. I kind looked through the plugins, didnt find anything appropriate for styling it tho :(

  4. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    you could try and add a css class to the paragraph tag; for instance so:

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

    that would allow you to style the word 'Pages' as well as the link numbers:

    p.page-link { font-size: 150%; }
    p.page-link a { font-size: 150%; }

    examples only; add these new styles somewhere to style.css of your theme (or however your theme handles custom styles)

  5. DoubleZ
    Member
    Posted 3 years ago #

    Yess, this did the trick just perfect, thank you loads :) user.css was the one for overriding CSS styles and I also added text-align:right to the code so that it moves to the right side, cheers :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags