Vytvořil jsem nový web pro mého grafika!

Bricks: CSS kód pro stránkování

0 komentářů

Když stavím web na Bricksu, tak při elementu Pagination nevyužívám CSS v builderu, ale mám napsaná vlastní skrze rychlejší a efektivnější implementaci. Jasně, lze kopírovat již nadefinovaný element mezi weby, ale tak nějak mi toto aktuálně vyhovuje více. Níže je tedy kód, který si stačí upravit. Jen ještě upozorním, že je potřeba na Pagination přidat class .ap-pagination.

/* STRÁNKOVÁNÍ */
.ap-pagination {
    margin-top: 40px;
}
.ap-pagination .bricks-pagination ul{
    gap: 5px;
}
.ap-pagination li {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.ap-pagination li a {
    background-color: transparent;
    color: white;
    border-radius: 50%;
    border: 1px solid #6b6b6b;
    transition: background-color 0.3s ease;
}
.ap-pagination li a:hover {
    background-color: #6b6b6b;
    color: white;
}
.ap-pagination .page-numbers.current {
    background-color: #6b6b6b;
    color: white;
    border-radius: 50%;
    border: 1px solid #6b6b6b;
}
Máte dotazy či potřebujete pomoc?
V případě dotazů mi napište níže komentář, rád vám odpovím a navedu vás. Komentář mi můžete napsat i v případě, že vám článek pomohl nebo se vám líbil, určitě to potěší. 🙂

Podobné články

Zanechte mi komentář