Zmenšení náhledů

[VladaParticipant]

Hezký den, přeji všem!

mám otázku ohledně velikosti náhledů příspěvků. Jak jednoduše celkově zmenšit náhled – viz. obrázek v příloze. V nastavení šablony nelze měnit velikost náhledu.

Předem děkuji za radu
Vláďa

[VladaParticipant]

Příloha

[VladaParticipant]

https://drevodilnakulicka.cz/category/pujcovna/

Příloha

Attachments:

1. 

   Velikost_náhledů.jpg
   

[JKovacParticipant]

Dobrý den,

no záleží co je to jednoduše :) Převážně úpravou šablony nebo CSS.

Celkovou šířku stránky jak máte naznačenou na obrázku bych být Vámi neměnil. Spíše jen poměr obrázku a textu a tím výšku výpisu příspěvku.

Dalo by se to opět upravit pomocí CSS. Zkuste třeba

.post-featured-image {
    width: 40%;
}
.has-post-thumbnail .post-content {
    width: 60%;
}
.post-content {
    min-height: 270px;
}

Případně si upravte procentuální poměry obrázku (30%) a textu (70%).

[VladaParticipant]

Super! Takhle to vypadá mnohem lépe. Děkuji moc!

Také bych chtěl umět tyhle kouzla s CSS, kde se to mohu naučit? Můžete mi poradit nějakou literaturu?

Ještě jednou děkuji.
Vláďa

[VladaParticipant]

Tak jsem se díval na mobil jak to vypadá a tam je to divně posunuté – viz obrázek.
Šlo by to ještě nějak poladit, tak aby se to zobrazilo správně i na mobilu?

Vl.

Attachments:

1. 

   IMG_6939.png
   

[JKovacParticipant]

Obalte to do podmínky, aby se tyto úpravy použily pouze u rozlišení většího než např 700px. Kód tedy bude vypadat:

@media screen and (min-width: 700px) {
    .post-featured-image {
        width: 40%;
    }
    .has-post-thumbnail .post-content {
        width: 60%;
    }
    .post-content {
        min-height: 270px;
    }
}

[VladaParticipant]

Ano, funguje to. Děkuji za radu.
Vláďa D.

[Autor]

Příspěvky