Jistě jste si všimli, že v nastavení modulu Blog Divi šablony můžete nastavit, aby se při zobrazení náhledu článku zobrazoval text „pokračovat ve čtení,“ či podobný ekvivalent původního text Read More. Můžete to ostatně vidět i na tomto webu na titulní stránce, kde je několik posledních článků. Tento způsob, tedy jako prostý text, může někomu z různých důvodů nevyhovovat. Důvody mohou být různé, od toho, že to nesplňuje požadavky designu webu až po přehlednost.

Pro nás není až tak důležitý důvod změny jako to, že změna je možná a navíc velmi jednoduchá. Opět použijeme CSS. Jako vždy ho vložíme v nastavení šablony Divi v části Divi > Nastavení šablony > Všeobecné > Přizpůsobené CSS, kam vložíme následující CSS:

/*** Text "pokracovat ve cteni" jako tlacitko - Zabza.eu ***/

.more-link {
    background-color: #3373b3;
    display: inline-block !important;
    color: #fff;
    padding: 5px 15px;
    margin-top: 15px;
    text-transform: uppercase;
}

.more-link:hover {
    background-color: #2ea3f2;
}

No a to je vše. Výsledek můžete vidět na obrázku. Jednoduché, že?

obr