WordPress.org

1. DoubleZ
   Member
   Posted 1 year 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
   Posted 1 year 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 1 year 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
   Posted 1 year 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 1 year 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.