Mezery mezi obrázky v příspěvku

[VladaParticipant]

Dobrý den,
můžete mi prosím poradit čím to je, že mám v příspěvku jednotlivé obrázky tak daleko od sebe? Zde je příspěvek:
https://drevodilnakulicka.cz/2017/03/02/dreveny-mec/

Bylo to v pořádku až do jisté doby. Jakou změnou se to ale stalo bohužel nevím. Používám Page Builder.
Děkuji za radu
Vláďa

[mirekkParticipant Web]

V souboru style.css editujte hodnoty padding:

.site-main .widget {
    padding: 60px 30px 60px;

[VladaParticipant]

Přepsal jsem všechny hodnoty na 1px a trošku se to přiblížilo k sobě. Pořád je to ale zbytečně daleko od sebe. Nevíte v čem by ještě mohl být problém?

[JKovacParticipant]

Dobrý den,

pokud ještě chcete zmenšit mezeru, musíte ještě upravit vnější okraj margin. Tedy úplně přesně margin-bottom, ktrý je nyní nastaven na 30px.

Jen několik upřesnění: neupravujte přímo soubor style.css protože o úpravy přijdete aktualizací šablony. Ale to už myslím víte, protože jestli se nepletu tak jste již něco upravoval. Úpravy proveďte vložením kódu do Vzhled – Přizpůsobit – CSS.

Margin bottom je tam vkládán šablonou jako

.widget {
    margin-bottom: 30px;
}

a pak je přepsán Vámi zmiňovaným pluginem Page Builder

.so-panel {
    margin-bottom: 30px;
}

Doporučil bych měnit CSS pluginu, ať se Vám nerozhodí i vzhled widgetů v bočním panelu. Jen budete muset zdůraznit důležitost CSS, protože plugin je tam vkládán skriptem. Takže

.so-panel {
    margin-bottom: 10px !important;
}

[VladaParticipant]

Děkuji za vysvětlení. Tohle už je na mě celkem složitý pochopit, ale co jsem tedy pochopil tak jsem do Vzhled – Přizpůsobit – CSS vložil kod:

.so-panel {
margin-bottom: 10px !important;
}

A mělo by to pomoci, ale nic se nestalo.
Vl.

[mirekkParticipant Web]

Stalo se. Máte to v pořádku. Já to vidím dobře a vy to uvidíte taky tak, když si vymažete cache prohlížeče. Stačí Ctrl+F5.

[VladaParticipant]

Ano moc děkuji za radu, přiblížilo se to, ale pořád tam mám zbytečně velkou mezeru. Já to vidím takhle – viz. obrázek v příloze.

Attachments:

1. 

   Obrázky_od_sebe.png
   

[JKovacParticipant]

Zkuste si tedy ještě upravit

img.alignleft {
    margin-top: 0px;
    margin-bottom: 0px;
}

[mirekkParticipant Web]

Dovolím si jen malou poznámku:
Pokud mezery ještě zmenšíte, bude to nepřehledné na mobilech. Nebude jasné, jestli text patří k hornímu či dolnímu obrázku. Ovšem záleží na vás.

[VladaParticipant]

Díky kluci, jste fakt perfektní! Teď to vypadá přesně tak jak jsem si přál a to i na mobilu.
Vláďa

[zjesuParticipant]

Také si dovolím… drobné upozornění :-)
Takto vypadají stránky na ipadu v chromu. V safari je to stejné.

Attachments:

1. 

   IMG_5550_1.jpg
   

2. 

   IMG_5551_2.jpg
   

[Autor]

Příspěvky