Podobné příspěvky ve Wordpressu - úprava – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Podobné příspěvky ve Wordpressu - úprava – CSS – Fórum – Programujte.comPodobné příspěvky ve Wordpressu - úprava – CSS – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Helllboy
~ Anonymní uživatel
1 příspěvek
13. 6. 2014   #1
-
0
-

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!

Nahlásit jako SPAM
IP: 95.82.178.–
Reklama
Reklama
peter
~ Anonymní uživatel
2533 příspěvků
16. 6. 2014   #2
-
0
-

Nechapu. Nekde neco nahodne na strance nekde je podobne prispevky a ty s tim potrebujes udelat co presne? Ja jen, ze jsem na strance nic s nadpisem podobne prispevky nevidel :) Ale...
- pri sirce asi 800 px se pod menu objevi bily text na bilem pozadi Podporte nas
- Nejkomentovanejsi clanky je pres dva radky a slepene, podobne s tim FB a mozna to clanky tam neni treba ani u jednoho nadpisu psat, protoze tam nic jineho nez clanky nemas. A navic, nej - nej - nej nejsou zrovna nejvhodnejsi nadpisy. Vypada to pak, ze jina slova nez nej asi neznas.
- 08 Čer 2014 - to neni cesky format datumu, mas tam nulu na zacatku, nemas tam tecku za cislici, mesic mas velkym pismenem (velke pisemno pisi v nemcine, anglictine) a nevidim duvod, proc tam nevypisovat cely text 8. cervna.
- v paticce, ale i na jinych mistech, nevim, co z toho je odkaz. Navic, ze to zcerna, to v paticce neni tak cool, kdyz je to cerna na tmavem pozadi

Nahlásit jako SPAM
IP: 2001:718:2601:258:f4b1:89...–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 14 hostů

 

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