• Creator
    Topic
  • #8192

    Spiros Doikas
    Spectator

    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/

Viewing 5 replies - 11 through 15 (of 15 total)
Replies
  • Spiros Doikas
    Spectator
    Post count: 49
    #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
    Keymaster
    Post count: 2712
    #8824 |

    I have already implemented it in the next theme release.

    Spiros Doikas
    Spectator
    Post count: 49
    #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
    Post count: 49
    #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
    Keymaster
    Post count: 2712
    #8842 |

    will try to fix that too

Viewing 5 replies - 11 through 15 (of 15 total)

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