Jak ustawić stan aktywacji dla wpisów na blogu na stronie głównej jako domyślny? - css, wordpress, hover, blogi

Używam tego tematu na stronie internetowej:

kliknij tutaj, aby wyświetlić prezentację motywu Wordpress

Na stronie głównej wyświetla wpisy na blogu BEZ tytułu / daty wpisu na blogu. Wyświetla te informacje tylko po najechaniu na nie.

Jak mogę usunąć ten stan? Chciałbym, aby tytuł i data wpisu na blogu były zawsze widoczne.

Odpowiedzi:

Musisz edytować plik style.css. Jeśli zajrzysz do narzędzi programistycznych Chrome w wersji demonstracyjnej, z którą byłeś połączony i podświetliłeś jeden z kwadratów z efektem najechania, zobaczysz, że w linii 649 pliku style.css obowiązuje zasada .post-overlay:hover który zmienia krycie na 1.

Wszystko, co musisz zrobić, to ustawić .post-overlay {opacity: 1; } w style.css (zwróć uwagę na brak „: hover”) i usuń :hover reguła. Oznacza to, że krycie jest zawsze 1 (100% nieprzezroczysty), nie tylko wtedy, gdy kursor unosi się nad elementem.

W style.css (linia # 654) istnieje reguła css, która kontroluje efekt zanikania:

has-post-thumbnail .post-overlay{
background: rgba(0,0,0,.75);
opacity: 0; }

Krycie zmienia się na 1, gdy jest zawieszone, a tło daje efekt przyciemnienia. Zmień te reguły css, a otrzymasz efekt, którego szukasz.

ustaw tak:

has-post-thumbnail .post-overlay{
opacity:1; }

Pozwoli to pozbyć się ciemniejszego tła iuczynić tekst widocznym. Nadal będziesz mieć odpowiednie animacje tekstu w następujących regułach, aby ustawić jak chcesz. (Reguła, która rządzi nimi to {.post .post-overlay, .has-post-thumbnail .archive-post-header} i jest włączona w linii 193)

Użyj firebug w Firefox, aby edytować te parametry na żywo przed edycją.