.flex-container { padding: 5; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; } .flex-item { padding: 5px; //background: #f0f0f0; //border-radius: 5px; //margin: 1rem; //text-align: center; } a:link, a:visited, a:active { text-decoration:underline; font-weight:normal; color:#1432C8; } a:hover { text-decoration:underline; font-weight:normal; color:#FF0000; } a, p, td, ol, ul { font-size: 14; font-family: Arial; } body { font-size:14; font-family:Arial; } /* Стиль написания Названия сайта, слогана, слогана2 */ .host_name { font-size:28px; color:#FFFFFF; font-family:Arial; font-weight:bold; text-decoration:none; } .host_slogan { font-size:15px; color:#000000; font-family:Arial; font-weight:bold; text-decoration:none; } .host_slogan2 { font-size:16px; color:#FFFFFF; font-family:Arial; font-weight:bold; text-decoration:none; } /* Стиль левого меню */ /* .menu_left { font-size:14; color:#1432C8; text-decoration:none; font-weight:bold; } */ /* Стиль написания заголовков1 */ .title1 { font-size:20px; color:#00940A; text-decoration:none; font-weight:bold; } /* Стиль написания заголовков2 */ .title2 { font-size:18px; color:#00940A; text-decoration:none; font-weight:bold; } /* Стиль написания заголовков3 */ .title3 { font-size:16px; color:#00940A; text-decoration:none; font-weight:bold; } /* Стиль написания названий товаров */ .title_product { font-size:15; color:#1432C8; text-decoration:none; font-weight:bold; } /* Стиль написания цены товаров */ .price_product { font-size:14; color:#FF0000; text-decoration:none; font-weight:bold; } /* Стиль написания эмоционального тиггера товара товаров */ .tigger_product { font-size:14; color:#00940A; text-decoration:none; font-weight:bold; } /* Ваша корзина покупок */ .you_basket { font-size:14; color:#1432C8; text-decoration:none; font-weight:bold; } .basket_informer { font-size:14; text-decoration:none; } /* Стиль Хлебные крошки */ .pathname { font-size:13; color:#888888; text-decoration:none; font-weight:bold; } /* Стиль тега А жирный */ .a_bold { font-size:14; font-weight:bold; } /* Стиль тега А без подчеркивания */ .a_no_decor { font-size:14; text-decoration:none; } /* Стиль тега А нижнего меню */ .a_menu_down { font-size:14; text-decoration:none; font-weight:bold; } /* Нумерация страниц */ .cnt_page { font-size:13; color:#1432C8; text-decoration:none; font-weight:bold; } .cnt_page_ { font-size:13; color:#00940A; text-decoration:none; font-weight:bold; } /* Кнопка вверх */ .b-top {z-index:2600;position:fixed;left:0;bottom:30px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);} .b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;} .b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px; color:white; background:#8294FF url(https://top-sticker.ru/pic/top.png) no-repeat 50% 11px; border-radius:7px;} /* Кнопка Корзина покупок - https://top-sticker.ru/pic/basket.png */ /* https://nklk.ru/pic/top.png bottom:90px; – смещение блока с кнопкой относительно низа страницы; width:34%;margin-left:50%; — вот с этими параметрами вам придется поколдовать, т.к. четкой инструкции тут быть не может. Данные значения я выявил экспериментально, проверяя положение кнопки на разных разрешениях экрана именно для моего шаблона на блоге. padding:32px 12px 4px; — с помощью этих значений вы можете регулировать размер блока с кнопкой, управляя отступами относительно надписи «вверх». 32px – отступ сверху, 12px – отступы слева и справа, 4px – отступ снизу; color:white; — цвет надписи «вверх»; border-radius:7px; — это css3 стиль, отвечающий за закругление краев блока. */ /* END Кнопка вверх */