| 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 |
#2 · Zasláno: 13. 6. 2014, 14:08:05
č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;
} |
||
|
Časová prodleva: 10 let
|
|||
0