DIVI-Pozicování obrázku jako pozadí sekce

WordPress PoradnaKategorie dotazu: ŠablonyDIVI-Pozicování obrázku jako pozadí sekce
Adam zeptal se před 5 roky

Ahoj,
mám vytvořený header stránky, kde mám požitý obrázek jako pozadí sekce. Potřebuji poradit jakým způsobem docílit toho, aby mi horní okraj obrázku lícoval s horním okrajem sekce?
Je nějaký způsob v rámci DIVI builderu nebo musím přes CSS, případně jakým způsobem pozicovat?
 
Děkuji 

3 Odpovědi
Tomáš Cirkl Personál odpověděl před 5 roky

Ahoj,
mělo by to jít s css a dát si pro tu sekci
background-position: center top;

Dobrý den, zřejmě chcete, aby byl obrázek responzivní a ladil do všech okrajů v header.php? Udělejte následující:

Do header.php vložte:
Do CSS vložte: .muj_obrazek{ width: 100%; background-size: 100% 100%; } and finally, we serve for every view-port the right image: /* Retina display */ @media screen and (min-width: 1024px){ .responsive-image{ background-image: url('../img/retina.jpg'); } } /* Desktop */ @media screen and (min-width: 980px) and (max-width: 1024px){ .responsive-image{ background-image: url('../img/desktop.jpg'); } } /* Tablet */ @media screen and (min-width: 760px) and (max-width: 980px){ .responsive-image{ background-image: url('../img/tablet.jpg'); } } /* Mobile HD */ @media screen and (min-width: 350px) and (max-width: 760px){ .responsive-image{ background-image: url('../img/mobile-hd.jpg'); } } /* Mobile LD */ @media screen and (max-width: 350px){ .responsive-image{ background-image: url('../img/mobile-ld.jpg'); } }

Dobrý den, ještě jsem Vám chtěl napsat <img kód, který je nutný vložit do header.php, ale bohužel se tu debilně zobrazuje, i když dávám v html zkratky <code></code>…
 
Vložte do header.php kód:
 
<img src=“odkaz_obrázku“ class=“muj_obrazek“>

Vaše odpověď

1 + 1 =

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 5 let. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.