Podobné příspěvky

Zvolené téma obsahuje celkem 1 odpověď. Do diskuze (2 účastníci) se naposledy zapojil uživatel  admin a poslední změna je stará 9 let, 9 měsíců.

Aktuálně jsou na stránce zobrazeny 2 příspěvky - 1. až 2. (z celkem 2)
  • Autor
    Příspěvky
  • #19048

    helllboy
    Participant

    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!

    #19615

    admin
    Keymaster
    Web

    Asi už to máte částečně upravené, protože tam žádné obrázky nevidím? Každopádně ukrývat obrázky (a dávat jim nulovou velikost není vhodné řešení). Na webu se pak stejně načítají (a tedy i zpomalují načítání), jenom nejsou vidět… Určitě tam musí být nějaká možnost, jak obrázky odebrat? Není tam nějaké nastavení podobných příspěvků?

    A ještě bych asi doplnil ke třídě .related-posts následující řádek:

    width: 90%;

    Nadpisy podobných článků se pak nebudou zbytečně brzy zalamovat, když jsou dlouhé.

Aktuálně jsou na stránce zobrazeny 2 příspěvky - 1. až 2. (z celkem 2)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.

WordPress – novinky, návody a zajímavosti