Skocz do zawartości

Szablon MODULUS i responsywny obrazek


Rekomendowane odpowiedzi

Witam wszystkich
nadmieniam że jestem zdecydowanie początkujący
czy ktoś może mi podpowiedzieć (może ktoś używał jak w temacie) co KONKRETNIE i w którym miejscu dopisać do kodu w szablonie MODULUS aby obrazek w nagłówku 1920×400 umieszczony poprzez personalizację motywu tu :
Customizing – Header – Header Background Image & Video options

był responsywny dla wszystkich urządzeń włącznie oczywiście z fonem ?

za wszelkie podpowiedzi z góry dzięki

Odnośnik do komentarza

Dołącz do nas za darmo i naucz się zarabiać!

  • Dostęp do darmowych poradników pokazujących krok po kroku jak zarabiać w Internecie
  • Sposoby zarabiania niepublikowane nigdzie indziej
  • Aktywna społeczność, która pomoże Ci rozwiązać problemy i doradzi
  • Profesjonalne treści na temat SEO, social media, afiliacji, kryptowalut i wiele więcej!

 

 

4 godziny temu, Pr0miL napisał:

dla znacznika img spróbuj dodać w css:


img {

width: 100%;

height: auto;

}

bądź jeśli obrazek jest tłem dla kontenera, spróbuj:


.header-image {

width: 100%;

height: auto;

}

Nadawanie width: 100% dla całego znacznika img będzie ryzykowne, bo w innych częściach strony może być niezbyt dobrze interpretowana i rozjeżdżać się.

Proponowałbym dla odpowiedniego znacznika (tego, który Cie interesuje) dodać coś takiego.

<img src="tutaj adres obrazka" class="respo"></img>

I w znacznikach style zdefiniować to jako:

.respo {

width: 100%;

}

Wtedy masz pewność, że dotyczy to jedynie tego obrazka, który chcesz, by był responsywny, a nie całego znacznika, a raczej grupy znaczników na stronie.

Odnośnik do komentarza

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

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

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Ta strona korzysta z ciasteczek aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie z witryny oznacza zgodę na ich wykorzystanie. Polityka prywatności .