Данный код помогает оформить табы в карточке товара на отдельной странице в виде кнопок

Стилизуем табы в карточке товара в виде кнопок

Главная
/
Модификации
/
Переключение zero блок своими кнопками

Заказать код

Вступить в чат

Поблагодарить

Видео-урок

Инструкция

Данный код тестировался в карточке товара на отдельной странице с каталога.

Вставьте код ниже в блок "T123" в подвал вашего сайта.

Замените цвет на ваше усмотрение

Скопировать код

Код скопирован

Код для вставки

<!--  Стилизуем табы в карточке товара в виде кнопок -->
<!-- https://youx.agency/stilizuem-taby-v-kartochke-tovara-v-vide-knopok -->

 <style>

.t-store .t-store__tabs .t-store__tabs__button {
border-bottom: 1px solid rgba(0,0,0,0.3);
position: relative;
margin-right: .5rem;

<!--  Цвет текста -->
color: #757575;

<!--  Цвет фона -->
background-color: #f5f5f5;

border: 1px solid #eee;
border-radius: 5px;

}

</style>

Данный код помогает оформить табы в карточке товара на отдельной странице в виде кнопок

Стилизуем табы в карточке товара в виде кнопок

Инструкция

Другие модификации