Wsparcie » Motywy » Problem css wynikający z php

  • Witam.

    Udało mi się stworzyć galerię, jednak nie jest on jeszcze kompleta.
    http://infinity.apps-hub.com/galeria/

    Pojedyncza miniaturka połączona jest z opisem i zajumje 50% strony. Na cały kontener wchodzą dwia zdjęcia i dwa opisy. Chciałbym aby co druga linia miała float right do prawej strony(wtedy zdjęcie przesuneło by się na prawo) i powstał by efekt szachownicy.

    Oto mój kod css:
    .gallery-container .span-md-6{
    float:left;
    }
    .span-md-6.gallery-image:nth-of-type(3n){
    float:right!important;
    background:red;
    }

    .gallery-container .span-md-6.gallery-image{
    width:50%;
    height:auto;
    }

    .gallery-container .span-md-6.gallery-description{
    width:50%;
    height:auto;
    display:block;
    width:262px;
    height:262px;
    background:#fff;
    }

    .gallery-container .span-md-6.gallery-description p{
    padding-top:20%;
    }

    .gallery-container .gallery-container{
    max-width:1048px
    }

    Natomiast tutaj znajduje się część wordpressowej galerii odpowiedzialnej za dodanie klas i wyświetlanie zdjęć/opisów.

    $output .= '<div class=”gallery-container”>’;
    $output .= '<div class=”span-md-6″>’;
    $output .= '<div class=”span-md-6 gallery-image”>’;
    $output .= $image;
    if (trim($attachment->post_excerpt)) {
    $output .= '<p>’ . wptexturize($attachment->post_excerpt) . '</p>’;
    }

    $output .= '</div></div></div><div class=”span-md-6 text-center gallery-description”>’;
    $output .= '<p>’ . wptexturize($attachment->post_excerpt) . '</p>’;

    $output .= '</div>’;
    $output .= '</div>’;
    $output .= '</div>’;

    Próbowałem stosować pseudo klasy child, last child i nth ale bez skutecznie. Uprzejmie proszę o pomoc.

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • Temat ‘Problem css wynikający z php’ jest zamknięty na nowe odpowiedzi.