Перейти к содержимому


Увеличить Кнопку


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 ARGO

ARGO

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 832 сообщений

Отправлено 20 Июль 2017 - 10:03

Здравствуйте! Никак не могу найти как увеличить кнопку "Оформить заказ" именно когда все заполнено клиентом и нужно нажать кнопку оформить заказ чтобы он прошел. а то очень маленькая сейчас. прошу напишите где мне можно изменить габариты этой кнопки. спасибо!

#2 metry

metry

    Активный участник

  • Модераторы
  • 586 сообщений

Отправлено 20 Июль 2017 - 15:27

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.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;}

Прикрепленные изображения

  • 1.png


#3 ARGO

ARGO

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 832 сообщений

Отправлено 24 Июль 2017 - 10:58

Спасибо. А как теперь в самой корзине уменьшить кнопку (очистить корзину) и увеличить кнопку оформить заказ. именно в корзине, чтобы остальные кнопки не менялись.

#4 ARGO

ARGO

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 832 сообщений

Отправлено 24 Июль 2017 - 11:06

Просмотр сообщенияmetry (20 Июль 2017 - 15:27) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.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 metry

metry

    Активный участник

  • Модераторы
  • 586 сообщений

Отправлено 24 Июль 2017 - 11:08

Добрый день. Для внесения изменений к конец кода main.css вставьте:

.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 ARGO

ARGO

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 832 сообщений

Отправлено 24 Июль 2017 - 11:16

Просмотр сообщенияmetry (24 Июль 2017 - 11:08) писал:

Добрый день. Для внесения изменений к конец кода main.css вставьте:

.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 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 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 ARGO

ARGO

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 832 сообщений

Отправлено 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;}
я решил вопрос добавлением стилей в main.css
.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 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 673 сообщений

Отправлено 25 Июль 2017 - 11:36

Просмотр сообщенияARGO (25 Июль 2017 - 09:48) писал:

я решил вопрос добавлением стилей в main.css
.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 ARGO

ARGO

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 832 сообщений

Отправлено 25 Июль 2017 - 21:07

Просмотр сообщенияИрина345 (25 Июль 2017 - 11:36) писал:

Здравствуйте, вставленные Вами изменения коснуться только кнопок в блоке отзывов, данный код не повлияет ни на корзину, ни на оформление заказа.
ну так  остальное уже наладили, аналогичным, индивидуальным методом. Вопрос в том что увеличение кода в main.css не влияет ли на скорость сайта и общий взгляд со стороны поисковых машин, на ваш взгляд.

#11 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 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 анонимных