Anonymní profil Helllboy – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Anonymní profil Helllboy – Programujte.comAnonymní profil Helllboy – Programujte.com

 

Příspěvky odeslané z IP adresy 95.82.178.–

Helllboy
CSS › Podobné příspěvky ve Wordpre…
13. 6. 2014   #191060

Dobrý den,

potřeboval bych poradit, jak upravit CSS, aby se mi se „podobné příspěvky“ pod každým článkem zobrazovaly nějak úhledněji a přehledněji. Nejlepší by asi bylo, aby byly názvy články sepsány pod sebou a ne takhle, jak jsou teď. V podstatě to uvidíte pod každým článkem – web je http://www.kzamysleni.cz

„Podobné příspěvky“ jsou zabudované přímo v šabloně, nicméně jsou nastavené tak, že se mají zobrazovat především obrázky a pod nimi až názvy článků – a to vedle sebe. Zobrazovaná příspěvků jsem upravil sám (nechci tam obrázky) – dost možná nešikovně – a to tak, že jsem zadal 0px jako velikost:

.relatedthumb img {
width : 0px;
height : 0px;
margin-top : 5px;
margin-bottom : 0;
}
Přidávám všechny řádky v CSS, které se týkají „related“:

.related-posts {
background-color : #FFF;
margin-top : 0;
clear : both;
float : left;
padding : 0 4% 3%;
}

.related-posts ul {
margin-left : 0;
padding : 0;
margin : 0;
overflow : hidden;
margin-top : 0;
}
.related-posts h5 {
line-height : 20px;
padding-left : 80px;
color : #919191;
text-transform : uppercase;
font-size : 13px;
}
.related-posts h3 {
font-size : 18px !important ;
margin : 0;
color : #444;
}
.relatedthumb img {
width : 0px;
height : 0px;
margin-top : 5px;
margin-bottom : 0;
}

.related-posts li {
width : 30.2%;
float : left;
list-style : none;
margin-right : 4.6%;
min-height : 100px;
}
.related-posts a {
display : block;
width : 100%;
color : #666;
}

.related-posts .last {
margin-right : 0;
}

.related-posts li {
width : 100%;
}
Mnohokrát děkuji za rady!

 

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032022 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý