Autor Zpráva
Helllboy
Profil *
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 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!
Destiny_1
Profil
čau, tohle jsem naťukal z prohlížeče, tak to zkus

.related-posts ul {
margin-left: 0;
padding: 0;
margin: 0;
margin-top: 0;
margin-left: 17px;
}

.rp_title {
width: 100%;
}
.related-posts li {
width: 100%;
list-style-type: square;
margin-right: 4.6%;
min-height: 30px;
}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: