Uwaga: Te zakładki używają CSS zawartego w wierszu nadrzędnym do definiowania obrazów tytułów zakładek. W górnej części CSS znajdują się następujące zmienne:

:root {
–wpziom-image-tabs-1-bg: var(–global-palette2);
–wpziom-image-tabs-1-bg-active: var(–global-palette1);
–wpziom-image-tabs-1-size: 80px;
}


Pierwsza zmienna kontroluje kolor tła obrazu
Druga zmienna kontroluje kolor tła obrazu po najechaniu kursorem
Trzecia zmienna kontroluje szerokość i wysokość obrazu

Również w CSS znajdziesz 8 deklaracji, które definiują obraz do użycia nad tytułami zakładek:

.wpziom-image-tabs-1 .kt-tabs-title-list li:nth-of-type(1) .kt-title-text::before {
background: url(/…);
}


Powyższa deklaracja jest powtarzana 8 razy (raz dla każdej zakładki), a wartość nth-of-type(1 ) jest zmieniana dla każdej instancji. Możesz dodać więcej zakładek i dodać dla nich obrazy, powielając powyższą deklarację i zwiększając wartość nth-of-type ( 1) dla każdej z nich. Wpisz własne URL.

white and black samsung signage

Tytuł 1

Podtytuł

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tytuł 2

Podtytuł

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tytuł 3

Podtytuł

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tytuł 4

Podtytuł

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tytuł 5

Podtytuł

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tytuł 6

Podtytuł

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tytuł 7

Podtytuł

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

white and black samsung signage

Tytuł 8

Podtytuł

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.