Uwaga: CSS dla tych ukształtowanych ikon infoboxów znajduje się w polu Niestandardowy CSS w zaawansowanych ustawieniach row layout. Każda sekcja CSS jest oznaczona nazwą kształtu, do którego się odnosi, więc możesz użyć CSS tylko dla wybranego kształtu i usunąć resztę.

Na przykład, kształt trójkąta wymaga tylko następującego CSS:

/* Triangle */
.wpziom-info-tri.border :is(.kt-blocks-info-box-media-container, .kt-blocks-info-box-media) {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.wpziom-info-tri.border .kt-blocks-info-box-media-container {
background: var(–global-palette3);
border:
3px solid var(–global-palette3);
}

.wpziom-info-tri.border .kt-blocks-info-box-media {
transform: translateY(1px);
}


CSS podświetlony na biało to miejsce, w którym można zmienić kolor i szerokość obramowania. Należy zmienić zarówno kolor tła, jak i kolor obramowania. Cała reszta jest zarządzana w ustawieniach bloku.

Ważne! Nie dodawaj żadnych marginesów do ikony w ustawieniach mediów pola informacyjnego, ponieważ spowoduje to złamanie kształtu obramowania.

To jest trójkąt

twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst

To jest romb

twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst

To jest pięciokąt

twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst

To jest sześciokąt

twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst

To jest sześciokąt

twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst

To jest ośmiokąt

twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst twój tekst