Как добавить кнопку в любой стандартный блок
Инструкция
1/ В настройках сайта проверьте, чтобы не был задан цвет кнопок. Если ранее задавали — удалите и оставьте пустую строчку.
2/ В макете сайта добавьте стандартный блок и присвойте ему класс .uc-btn
3/ В текстовом блоке пропишите текст кнопки и присвойте ему ссылку
Важно! Не задавайте цвет ссылке, оставьте поле незаполненным
4/ Добавьте блок Т123 и вставьте код
Код для вставки в блок Т123
<style>
    .uc-btn a {
        font-size: 14px; /*высота шрифта */
        border: 1px solid #929BFF; /*обводка: толщина,сплошная,цвет)*/
        padding: 7px 30px; /*расстояние внутри кнопки от текста до края кнопки: сверху-снизу, слева-справа*/
        border-radius: 50px; /*радиус кнопки*/
        background-color: #DCDFFF; /*цвет фона*/
    }
    
    .uc-btn a:hover {
        background-color: #929BFF; /*цвет фона при наведении на кнопку*/
        border: 1px solid #929BFF; /*обводка при наведении на кнопку: толщина, сплошная, цвет*/
    }
    
    #allrecords a, .uc-btn .t-records a { 
        color: #424780; /*цвет текста кнопки*/
    }
    #allrecords a:hover, .t-records a:hover { 
        color: #ffffff; /*цвет текста кнопки при наведении на кнопку*/ 
    }
    
    @media (max-width: 640px) { /*если нужно, чтобы кнопка имела другие параметры в мобильной версии*/
        .uc-btn a {
            font-size: 12px; /*высота шрифта*/
            padding: 5px 10px; /*расстояние внутри кнопки от текста до края кнопки: сверху-снизу, слева-справа*/
        }
    }
</style>
5/ Отредактируйте код и задайте нужные параметры согласно подсказкам в коде. И все готово! Опубликуйте страницу
Ниже привела примеры блоков и как кнопка будет выглядеть
TX16N
TS104N
Daniel Visser
Projects manager
The principal element of Suprematism in painting, as in architecture, is its liberation from all social or materialist tendencies. Through Suprematism, art comes into its pure and unpolluted form. I think if you do something and it turns out pretty good, then you should go do something else wonderful, not dwell on it for too long.

кнопка
Synthia Smyth
Editor-in-chief
We were just building stuff 'cause we thought it was cool. I do remember having these specific conversations with my friends where we thought, you know, someone is gonna build this. Someone is gonna build something that makes it so that people can stay connected with their friends and their family. The product helped us to develop new directions in or brand strategy, to attract new customers and buyers. We started 3 years ago and got the top in Business One rating system. A great honour! Let us be honest, we could try to get same result attracting third-party specialists, but we had best luck to be in a boat with Elestory team!
Agatha Morris
Sales manager
Elestory is a big team of professionals and very responsible people. We started working with Elestory 3 years ago, and every year their business program becomes better. They maintain their best level.
Карточка товара
Studio Headphones
SKU: 700.954.29
100
р.
When we first checked out our new headphones, we noticed the box said “improved bass”. We had to wonder if this was marketing jargon or the real thing? But it only took a moment to realize that bass was not kidding.

Записаться
Еще больше полезных материалов в моем телеграм канале
Made on
Tilda