Support » Themes » nav-below nebeneiander: Formatierung bei letztem Eintrag

  • Gelöst alexkonopka

    (@alexkonopka)


    Hallo,

    ich möchte die Navigation der Beiträge nebeneinander darstellen, d.h. „Älter“ steht linksbündig und „Neuer“ steht rechtbündig.

    nav-below.php:

    <div>
    <?php $args = array(
    'prev_text' => sprintf( esc_html__( '%s older', 'blankslate' ), '<span class="meta-nav"></span>' ),
    'next_text' => sprintf( esc_html__( 'newer %s', 'blankslate' ), '<span class="meta-nav"></span>' )
    );
    the_posts_navigation( $args ); ?>
    </div>
    

    das css

    .posts-navigation .nav-links {	display: flex;}
    .posts-navigation .nav-links .nav-previous,.posts-navigation .nav-links .nav-next {width: 50%;}
    .posts-navigation .nav-links .nav-next {text-align: right;}
    .posts-navigation .nav-links .nav-previous .nav-subtitle:before {	content: "\00AB"; /* Left Arrow */}
    .posts-navigation .nav-links .nav-next .nav-subtitle:after {content: "\00BB"; /* Right Arrow */}
    

    Das klappt soweit ganz gut, aber auf der letzten Seite (page 4) steht „Neuer“ mittig, was erklärbar ist da „Älter“ nicht existiert und width 50% ist.

    Hierfür suche ich eine elegante Lösung, damit Neuer auch auf der letzten Seite rechtsbündig steht.

    Ich nutze das minimalistische Theme BlankSlate als Vorlage und habe es für meine Webseite angpasst. Ich bin kein Programmierer, es ist die erste und einzige WordPress und Webseite die ich mache.
    Eine Forumsuche oder google hat mir keine Antwort geliefert.

    Über eine Antwort würde ich mich freuen.

    LG

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Thread-Ersteller alexkonopka

    (@alexkonopka)

    okay, war eigentlich kein eher ein CSS Thema, ich war da gedanklich auf dem Holzweg und habe es über grid glöst

    
    .posts-navigation .nav-links {	display: grid;grid-template-columns: 50% 50%}
    .posts-navigation .nav-links .nav-previous {grid-column-start:1; }
    .posts-navigation .nav-links .nav-next {grid-column-start:2; text-align: right;}
    

    danke für die Info.

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Das Thema „nav-below nebeneiander: Formatierung bei letztem Eintrag“ ist für neue Antworten geschlossen.