Wsparcie » Używanie i konfiguracja WordPressa » "Czytaj dalej" w innym miejscu.

  • Rozwiązano RobertJa

    (@robertja)


    Witam

    Tworze sobie szablon pod swój projekt i mam takie pytanie, jak wystylizować „czyt dalej”. W index.php mam taki kod:

    <div class="entry">
    <?php the_content('Czytaj dalej →'); ?>
    </div>

    A w stylach jest coś takiego:

    .entry {
      margin:5px 0;
      line-height:21px;}

    Chcę zrobić aby on był na stałe w prawym dolnym rogu na linii „kategoria”. później mu dodam obrazek zamiast tekstu ale z tym przeniesieniem nie daje rady.

    Link do szablonu jest tutaj.

    Powiem szczerze, że to mój drugi szablon i przy mojej znajomości kodu jestem zadowolony jak dotąd z wyniku.

    Z góry dziękuje 😉

Viewing 2 replies - 1 through 2 (of 2 total)
  • Idea jest taka, żeby a.more-link umieścić na tej samej wysokości co div.catinfo span. Oba są we wspólnym div’ie: div.post. Można więc spróbować zrobić ten div.post jako ich wspólny punkt odniesienia. Czyli byłoby to coś na kształt (piszę w uproszczeniu, ale jak znasz CSS, to sobie doszlifujesz):

    .post {
      position: relative;
    }
    
    .post p .more-link {
      position: absolute;
      bottom: 10px;
      right: 5px;
    }
    
    .post .catinfo span {
      position: absolute;
      bottom: 10px;
      left: 5px;
    }

    Thread Starter RobertJa

    (@robertja)

    Pokombinuje z tym trochę i zobaczę co mi wyjdzie. Ja myślałem że to .entry trzeba stylować a to trzeba .more-link

Viewing 2 replies - 1 through 2 (of 2 total)
  • Temat ‘"Czytaj dalej" w innym miejscu.’ jest zamknięty na nowe odpowiedzi.