• Closed
• Spiros Doikas

  Spectator

  December 16, 2013 at 10:13 am #8192

  

  I guess it would be a good idea to provide the possibility for custom styling for this. Perhaps apply in new version. For example:

  Find in Alora

  Code:

  <?php wp_link_pages(); ?>

  (in single/page/fullwidth.php and many others)

  Replace with:
  <?php wp_link_pages( array( ‘before’ => ‘<div class=”page-links”><span class=”page-links-title”>’ . __( ‘Pages:’, ‘alora’ ) . ‘</span>’, ‘after’ => ‘</div>’, ‘link_before’ => ‘<span>’, ‘link_after’ => ‘</span>’ ) ); ?>

  Add in css:

  Code:

  /* Page links */
  .page-links {
  clear: both;
  font-size: 16px;
  font-weight: normal;
  line-height: 2.2;
  margin: 20px 0;
  }

  .page-links a,
  .page-links > span {
  background: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  text-decoration: none;
  }

  .format-status .entry-content .page-links a,
  .format-gallery .entry-content .page-links a,
  .format-chat .entry-content .page-links a,
  .format-quote .entry-content .page-links a,
  .page-links a {
  background: #e63f2a;
  border: 1px solid #e63f2a;
  color: #fff;
  }

  .format-gallery .entry-content .page-links a:hover,
  .format-audio .entry-content .page-links a:hover,
  .format-status .entry-content .page-links a:hover,
  .format-video .entry-content .page-links a:hover,
  .format-chat .entry-content .page-links a:hover,
  .format-quote .entry-content .page-links a:hover,
  .page-links a:hover {
  background: #fff;
  color: #e63f2a;
  }

  .format-status .entry-content .page-links > span,
  .format-quote .entry-content .page-links > span {
  background: none;
  }

  .page-links .page-links-title {
  background: transparent;
  border: none;
  margin-right: 20px;
  padding: 0;
  }

  See here too: http://theme4press.com/support/current-themes-group5/alora-forum27/localizing-pages-thread900/

Spiros Doikas
Spectator
Posts: 48
December 20, 2013 at 8:55 pm #8823

Seems to work for me, but the last bit of code needs css (as well as the theme declarations for localization purposes), otherwise it looks bad. For example when using:
Code:
<?php wp_link_pages(array(‘before’ => ‘<div class=”pagination”>’, ‘after’ => ‘</div>’, ‘link_before’ => ‘<span class=”current”><span class=”currenttext”>’, ‘link_after’ => ‘</span></span>’, ‘next_or_number’ => ‘next_and_number’, ‘nextpagelink’ => __(‘Next’,’alora’), ‘previouspagelink’ => __(‘Previous’,’alora’), ‘pagelink’ => ‘%’,’echo’ => 1 )); ?>
It looks pretty decent http://www.siderman.gr/triferos-kopilatis/3/
The only issue still remaining is the different style needed for the active page.
Roman
Spectator
Posts: 3147
December 21, 2013 at 8:41 am #8824

I have already implemented it in the next theme release.
Spiros Doikas
Spectator
Posts: 48
December 21, 2013 at 2:36 pm #8825

Cool. I think maybe you should also have the standard link in color for post titles, as now it is black and people cannot see that it is a link. And you can make the hover colour as black like the buttons for example or a lighter shade of the specific style colour.
Spiros Doikas
Spectator
Posts: 48
December 21, 2013 at 5:24 pm #8827

Another issue:
http://www.siderman.gr/architecture-and-fantasy/
If there are too many subpages, then display just the first and last 3-5 or so.
Roman
Spectator
Posts: 3147
December 26, 2013 at 3:07 pm #8842

will try to fix that too

The topic Styling Pages in multipage posts is closed to new replies