Увеличить Кнопку
#1
Отправлено 20 Июль 2017 - 10:03
#2
Отправлено 20 Июль 2017 - 15:27
.buttons-set button{padding:8px 15px;color:white;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;border:none;}
замените на:
.buttons-set button{padding:10px 20px;color:white;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;border:none;font-size:22px;font-weight:600;}
#3
Отправлено 24 Июль 2017 - 10:58
#4
Отправлено 24 Июль 2017 - 11:06
metry (20 Июль 2017 - 15:27) писал:
.buttons-set button{padding:8px 15px;color:white;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;border:none;}
замените на:
.buttons-set button{padding:10px 20px;color:white;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;border:none;font-size:22px;font-weight:600;}
#5
Отправлено 24 Июль 2017 - 11:08
.cart-info .rightButton .button{color:white;display:inline-block;font-size:28px;border:1px solid #ddd;padding:10px 45px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .cart-info .rightButton .button:hover{background:#ddd;color:black;} .cart-info .button.clearcart {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .cart-info .button.clearcart:hover{background:#ddd;color:black;}
#6
Отправлено 24 Июль 2017 - 11:16
metry (24 Июль 2017 - 11:08) писал:
.cart-info .rightButton .button{color:white;display:inline-block;font-size:28px;border:1px solid #ddd;padding:10px 45px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .cart-info .rightButton .button:hover{background:#ddd;color:black;} .cart-info .button.clearcart {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .cart-info .button.clearcart:hover{background:#ddd;color:black;}
#7
Отправлено 25 Июль 2017 - 06:47
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.button,.back-link .button{color:#666;display:inline-block;font-size:36px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
после него пропишите:
.goodsDataOpinionAddTable .button{font-size:20px;}
#8
Отправлено 25 Июль 2017 - 09:48
Vaccina (25 Июль 2017 - 06:47) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.button,.back-link .button{color:#666;display:inline-block;font-size:36px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
после него пропишите:
.goodsDataOpinionAddTable .button{font-size:20px;}
.goodsDataOpinionAverageInfo .button.goodOpinions {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .goodsDataOpinionAverageInfo .button.badOpinions {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .goodsDataOpinionAverageInfo .button.allOpinions {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .goodsDataOpinionAverageInfo .AddNewOpinionLinkAfterList.button {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}На сколько оправданно такое решение? просто хочется знать как правильней и производитлельней. спасибо за ответ.
#9
Отправлено 25 Июль 2017 - 11:36
ARGO (25 Июль 2017 - 09:48) писал:
.goodsDataOpinionAverageInfo .button.goodOpinions {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .goodsDataOpinionAverageInfo .button.badOpinions {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .goodsDataOpinionAverageInfo .button.allOpinions {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .goodsDataOpinionAverageInfo .AddNewOpinionLinkAfterList.button {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}На сколько оправданно такое решение? просто хочется знать как правильней и производитлельней. спасибо за ответ.
#10
Отправлено 25 Июль 2017 - 21:07
Ирина345 (25 Июль 2017 - 11:36) писал:
#11
Отправлено 26 Июль 2017 - 05:37
Данный код:
.goodsDataOpinionAverageInfo .button.goodOpinions {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .goodsDataOpinionAverageInfo .button.badOpinions {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .goodsDataOpinionAverageInfo .button.allOpinions {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;} .goodsDataOpinionAverageInfo .AddNewOpinionLinkAfterList.button {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
вы можете сократить объединив его следующим образом:
.goodsDataOpinionAverageInfo .button.goodOpinions, .goodsDataOpinionAverageInfo .button.badOpinions, .goodsDataOpinionAverageInfo .button.allOpinions, .goodsDataOpinionAverageInfo .AddNewOpinionLinkAfterList.button {color:#666;display:inline-block;font-size:20px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных