Obrázek s popiskem ve wordpress šabloně se nepřizpůsobí na mobilu

3. 4. 2015 09:33:09

Dobrý den,

rád bych se zeptal jako nevelký znalec kódováni. Dělám web na wordpress šabloně. Publikovaná je nyní jen úvodní stránka, a tam se mi vyskytl problém se zobrazením obrázků na mobilu. Na té stránce je slider (ten se zobrazí v pořádku) a pod ním 2 obrázky, jeden je bez popisku pod ním a druhý je s popiskem. Ten druhý s popiskem se na mobilu zobrazuje v plné velikosti, tzn. nepřizpůsobí se pro mobil. Myslel jsem že se to automaticky přizpůsobí, jako byla prezentována i tato šablona. Co bych měl tomuto bloku i s obrázkem zadat, či jak to zapsat v html, tak aby se to přizpůsobilo.

Děkuji moc za pomoc.

Milan

3. 4. 2015 09:33:09

https://webtrh.cz/diskuse/obrazek-s-popiskem-ve-wordpress-sablone-se-neprizpusobi-na-mobilu#reply1103640

Tomas

3. 4. 2015 10:45:52

Zkuste v tom wordpressu v administraci kliknout na ten obrázek, nastavení a tam vymazat šířku a výšku, pokud to půjde. Poté bych nastavil v CSS pro třídu .wp-caption { width: 100%; height: auto; } ...můžete si tam pak nastavit i ten padding, či margin, abyste měl mezeru od okraje rámečku stejnou jako před tím. Najdete to ve Vaší složce šablony v souboru style.css na řádku č. 128

3. 4. 2015 10:45:52

https://webtrh.cz/diskuse/obrazek-s-popiskem-ve-wordpress-sablone-se-neprizpusobi-na-mobilu#reply1103639

Milo

(2 hodnocení)

3. 4. 2015 15:40:36

Tak jsem to udělal jak píšete, ale nepomohlo to. Když tam ten popisek pod tím není tak se obrázk přizpůsobí automaticky bez problému, i když je nastavená velikost

3. 4. 2015 15:40:36

https://webtrh.cz/diskuse/obrazek-s-popiskem-ve-wordpress-sablone-se-neprizpusobi-na-mobilu#reply1103638

Tomas

3. 4. 2015 15:59:23

Chce to už vymazat jen ty styly toho rámečku, který tam je okolo toho obrázku v případě obrázku s popiskem.

Podívejte na tyhle screeny - před a po - je to v html na konci toho modrého řádku - v jednom je zobrazení s tou šířkou a ve druhém již bez.

Dropbox - Screenshot 2015-04-03 14.51.26.png

Dropbox - Screenshot 2015-04-03 14.51.36.png

3. 4. 2015 15:59:23

https://webtrh.cz/diskuse/obrazek-s-popiskem-ve-wordpress-sablone-se-neprizpusobi-na-mobilu#reply1103637

Milo

(2 hodnocení)

3. 4. 2015 16:39:54

Jo to se právě snažím, ale píše mi to že to je nějaký vložený prvek, a já nevím jak ten vložený prvek zase uložit.

Ve wordpressu když dám zobrazit html kod tak tam to není vidět, vidím to jen v tomto nástroji, taky ho používám jako vy.

Jinak moc děkuju že jste mi pomohl

3. 4. 2015 16:39:54

https://webtrh.cz/diskuse/obrazek-s-popiskem-ve-wordpress-sablone-se-neprizpusobi-na-mobilu#reply1103636

Jakub85

(2 hodnocení)

6. 4. 2015 05:00:00

Dobrý den,

teď jsem vyzkoušel jak Wordpress vkládá obrázky v klasickém editoru a přesně tam přidává fixní šířku a výšku, můžete mi sem kdyžtak nahrát kód co vidíte nebo alespoň printscreen?

Jinak po odstranění té fixní výšky a šírky to funguje v pořádku jen jsem v css u height musel použít ještě !important;

6. 4. 2015 05:00:00

https://webtrh.cz/diskuse/obrazek-s-popiskem-ve-wordpress-sablone-se-neprizpusobi-na-mobilu#reply1103635

Milo

(2 hodnocení)

8. 4. 2015 16:55:48

Udělal jsem to co píšete, ale stále to vidím špatně. Nahrál jsem i screen, kde jsem to udělal jak jste psal, je to tam vidět. Někdo tady psal že stačí vymazat řádek výše parametr style="width: 915px

Já bych ho rád vymazal, ale píše mi to že to je nějaký vložený prvek, a když to vymažu tak nevím jak zase ten styl potom uložit :-)

Nejsem takovej specialista na wordpress.

15101

8. 4. 2015 16:55:48

https://webtrh.cz/diskuse/obrazek-s-popiskem-ve-wordpress-sablone-se-neprizpusobi-na-mobilu#reply1103634

Jakub85

(2 hodnocení)

9. 4. 2015 21:43:37

Dobrý den,

ještě je potřeba odstranit o řádek výše hodnotu 915px. Pokud chcete, tak mi pošlete přístupy do adminu a na FTP a za referenci Vám to opravím.

S pozdravem.

Jakub Čermák