Узнать стоимость проекта

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

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

Заказать код
Вступить в чат
Поблагодарить
Видео-урок

Инструкция

1

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

2

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

3

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

Код скопирован
Код для вставки
<!--  Стилизуем табы в карточке товара в виде кнопок -->
<!-- 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>

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