• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed CSS i HTML w Wordpress

Object Storage Arubacloud
0 głosów
185 wizyt
pytanie zadane 11 maja 2020 w HTML i CSS przez patrykkxdd Początkujący (310 p.)
zamknięte 12 maja 2020 przez patrykkxdd

Witam otóż mam taki problem walczę z responsywnością na mojej stronie która jest tworzona w wordpress otóż na rozdzielczościach 1280x720 i mniejszych strona wyświetla się tak jak bym chciał jednak gdy wejdę na rozdzielczości większe obraz w nagłówku się sypie i wygląda to w ten sposób

próbowałem rozszerzyć diva dająć width:100% bez efektu próba rozszerzenia samego zdjęcia też nie przynosi żądanych skutków dodam jeszcze tylko że działam na darmowym szablonie wordpressa i w całości go edytuję.

komentarz zamknięcia: rozwiązanie problemu
komentarz 11 maja 2020 przez ScriptyChris Mędrzec (190,190 p.)

Po pierwsze: popraw treść posta dodając interpunkcję. Po drugie: pokaż kod, albo podaj linka do strony.

komentarz 12 maja 2020 przez patrykkxdd Początkujący (310 p.)
edycja 12 maja 2020 przez patrykkxdd

Mało kiedy stosuję interpunkcje pisząc w internecie ba tylko strzelam statystycznie 10% użytkowników internetu stosuje interpunkcje

co do strony

.consultup-breadcrumb-section .overlay 
{
    background: linear-gradient(to bottom, #051b4400 0%, rgba(5, 27, 68, 0) 50%, rgba(5, 27, 68, 0) 100%); 
    height: 100%;
    padding: 320px 0 100px 0;
    position: relative;
    width: 100%;
}

w ten sposób mam zrobiony css odpowiadający za zdjęcie w nagłówku

 

 

udało mi się rozwiązać problem samemu.

background-size: cover !important;

dodałem tylko tą linijkę do css'a którego już mam w divie który mnie interesuje.

komentarz 12 maja 2020 przez ScriptyChris Mędrzec (190,190 p.)

Fajnie, że znalazłeś przyczynę problemu. Niemniej, użycie !important to zły pomysł - trudno będzie Ci ewentualnie taki styl nadpisać. Zamiast tego sprawdź co ustawia temu elementowi inną wartość stylu background-size i nadaj wartość cover selektorem o wyższej specyficzności lub dodaj ten styl w nowej klasie i dodaj ją do elementu.

Podobne pytania

0 głosów
1 odpowiedź 1,229 wizyt
+1 głos
5 odpowiedzi 2,426 wizyt
0 głosów
1 odpowiedź 1,992 wizyt
pytanie zadane 16 sierpnia 2017 w Systemy CMS przez Fifeq Nowicjusz (180 p.)

92,760 zapytań

141,684 odpowiedzi

320,468 komentarzy

62,104 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...