Tartalom:

Lecke tartalomjegyzék formázása a Tanfolyam egyéni oldalán
Bevásárlókosár ikon eltüntetése a menüsávból
Számozott listánál (ordered list) a hierarchia javítása
Ajánlott termékek blokkok eltüntetése

Itt soroljuk fel azokat a CSS kódokat, melyekkel tovább alakítható, finomítható, még egyedibbé szabható a DIVI sablon. A beállítás módja minden esetben:

  1. Kattints a DIVI » Sablon beállítások menüpontra.
  2.  Keresd meg az Egyéni CSS részt:
    DIVI Egyéni CSS beállítás
  3. Írd be az itt alul felsorolt kódok közül azokat, amelyekre szükséged van. Ha többet írsz be, különítsd el őket egy-egy sortöréssel.

Lecke tartalomjegyzék formázása a Tanfolyam egyéni oldalán

Ha nem használsz modulokat egy adott tanfolyam esetében, akkor eléggé formázatlanként jelenik meg a leckék tartalomjegyzéke a tanfolyam oldalán. Ezért javasoljuk a modulok használatát a leckék csoportosításához, másrészt pedig érdemes az egyes leckéknek Kiemelt képet beállítani, illetve a Kivonat mezőben leírást adni. Ezáltal sokkal szebben, teljesebben jelenik majd meg a leckék tartalomjegyzéke.

Ezen túlmenően az alábbi kódokkal formázhatod meg a leckék tartalomjegyzékét:

“Leckék” főcím formázása:

.single-course .course > header h2 {
    font-size: 40px;
    padding: 1em 0;
    margin-bottom: 1em;
    border-bottom: 1px solid #ddd;
}

Leckék nevének formázása (a 20px-es betűméretet szabadon módosíthatod):

.single-course .lesson header.lesson-title h2 {
   font-size: 20px;
}

Leckék kiemelt képének és a leckecímeknek az elrendezése

.single-course .post {
    clear: both;
}

Bevásárlókosár ikon eltüntetése a menüsávból

Alapértelmezetten a felső menüsor használatakor a bevásárlókosár ikon megjelenik annak jobb szélén a többi menüpont után:

Bevásárlókosár ikon megjelenik - Sensei

Ha valamilyen oknál fogva ezt az ikont nem szeretnénk megjeleníteni, el szeretnénk tüntetni, akkor ezt az alábbi kóddal teheted meg:

#et-top-navigation .et-cart-info {display: none;}

Ezáltal az ikon nem fog megjelenni ott.

Számozott listánál (ordered list) a hierarchia javítása

Ha számozott listát hozol létre, amelyben használsz behúzást, hogy újabb számozott listát kezdhess, akkor a DIVI sablon használatakor nem jelenik meg a front-end-en a hierarchia.

Így kellene megjelennie:

Számozott lista - ordered list - normálisan megjelenő hierarchia

Ehelyett így jelenik meg:

Számozott lista - ordered list - hibásan megjelenő hierarchia

Ezt a hibát az alábbi kóddal tudod javítani:

#left-area ol li ol,
.entry-content ol li ol,
body.et-pb-preview #main-content .container ol li ol {
	padding: 2px 0 2px 20px;
}

Ajánlott termékek blokkok eltüntetése

A termék oldalakon, illetve a Pénztár oldalon jelenhetnek meg további termékeket ajánló blokkok, amennyiben az egyes termékekhez beállítottunk ilyeneket. Ezek a következők lehetnek:

  1. Hasonló termékek (related products): ez a termék oldalakon jelenhet meg a termék leírása után.
  2. Upsell termékek: az aktuálisan megvásárolni kívánt termék helyett kínált magasabb értékű termék. Ez a Pénztár oldalon jelenik meg.
  3. Cross-sell termékek: a kosárban lévő, megvásárolni kívánt termékekhez kapcsolódó, pótlólagosan kínált termékek. Ez is a Pénztár oldalon jelenik meg.

Ha nem szeretnél megjeleníteni ilyen termékeket, akkor egyszerűen ne állíts be az egyes termékekhez kapcsolódó termékeket.
De akár CSS-sel is eltüntetheted utólag ezeket a blokkokat:

Hasonló termékek eltüntetéséhez:

.related.products {
display: none;
}

Upsell termékek eltüntetéséhez:

.up-sells.upsells.products {
display: none;
}

Cross-sell termékek eltüntetéséhez:

.cross-sells {
display: none;
}