Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Zevcore

Stylizacja przycisku Read More (Czytaj więcej) w WordPress

Promowane odpowiedzi

Witam, chciałbym wystylować przycisk Read More w cssie tylko jak skoro nie nigdzie go nie dodaję

oto kod php

<?php if ( have_posts() ) {
                    while ( have_posts() ) {
                        the_post(); ?>
            <article>
              <?php
                if( has_post_thumbnail () ) {
                ?> <obraz id="obraz" data-aos="zoom-out-up"> <?php the_post_thumbnail(); ?> </obraz> <?php
                                    }
                ?>
               <div>
                   <h1><?php the_title(); ?></h1>
                   <p><?php the_content(); ?></p>
               </div>
               <div style="clear:both;"></div> 
               <?php
                } // end while
                } // end if
                ?>

No i w szablonie wcześniejszym tak ostylowane miałem a

#left_side article div a {
    text-decoration: none;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #f43838;
    color: #f43838;
}

#left_side article div a {
    text-decoration: none;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #f43838;
    color: #f43838;
}

 

W efekcie tak wyglada napis czytaj dalej

image.png.399155691d2b828e5c6e35be717bd588.png

 

Chciałbym je przenieść do nowej linijki, display:block nic nie daje

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Prawym na przycisk, zbadaj i masz gdzie jest stylowany ten przycisk. Użyj Chrome, bo tam są najprzystępniejsze DevToolsy. Powinieneś bez problemu znaleźć, gdzie go ostylować.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

'read more' dodaje się z poziomu CMSa. W WYSIGYWu będziesz widzieć taką poziomą kreskę w treści posta.

 

W CSSie dla tego: #left_side article div a dodaj jeszcze:

display: inline-block;

No i podaj adres bloga.

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Godzinę temu, Zevcore napisał:

<obraz id="obraz" data-aos="zoom-out-up"> <?php the_post_thumbnail(); ?> </obraz>

A co to za cudo?

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
30 minut temu, Zevcore napisał:

Nie mogłem ostylować thunbaila i wsadziłem go w diva xD

 

Ale tu chodzi o to, że nie ma czegoś takiego jak <obraz id="" class=""></obraz>

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Utwórz konto

Utwórz konto. To darmowe i bardzo proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.

Zaloguj się teraz


  • Podobna zawartość

    • Przez ⌨️ Mativve
      Witajcie!
       
      Otóż przy próbie instalacji/odinstalowania wtyczki lub próby dodania mediów do WP pojawia mi się komunikat:

      "Aby wykonać wybrane działanie, WordPress potrzebuje dostępu do Twojego serwera WWW. Wprowadź dane połączenia FTP, aby kontynuować. Jeśli nie pamiętasz danych do połączenia się, skontaktuj się z administratorem swojego serwera." oraz pole do wpisania danych.
       
      Wszystko by było zrozumiałe gdyby nie to, że wszystko postawione jest na localhoscie (na Macu XAMPP/LAMP).
       
      Czy problemem może być tu konto bez uprawnień administratora ( w pracy szef musi wpisać hasło abym mógł coś zainstalować )?
      Da się jakoś to obejść bez konieczności nadawania mi uprawnień administratora?
       
      Domyślam się, że pewnie musiałbym jakoś ręcznie to wszystko instalować ale to zostawiam jako ostateczną ostateczność.
       
      Tak, robiłem research na Google ale odpowiedzi na moje pytanie nie znalazłem.
       
      Z góry dziękuję za pomoc  
    • Przez Mvrosking
      Cześć, przeszukałem już chyba wszystkie strony, ale nadal nie znalazłem czegoś co by mnie zadowoliło. Mianowicie rozchodzi się o styl do Wordpress, a dokładnie sklep motoryzacyjny oparty na WooCommerce. Szukam stylu prostego i darmowego. Chodzi o to żeby był modernistyczny, pasujący pod sklep internetowy. Z góry dziękuję za pomoc!
×