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


Изменение Цветов И Размеров Кнопок На Главной

цвет каталога размер кнопок

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

#1 Ришелье

Ришелье

    Пользователь

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

Отправлено 22 Июнь 2015 - 20:29

Добрый вечер! Я совсем новичок. Номер аккаунта f105503


Не получается изменить цвет в верхнем каталоге.

А в шапке поменялся, но осталась полоса синяя, помогите исправить, пожалуйста.

Как кнопки самого меню длиннее сделать?

А кнопку сравнения надо убрать совсем, при этом увеличив значок корзины.

Пока вот такие вопросы возникли, очень надеюсь на вашу помощь!

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

  • меню.jpg


#2 Ришелье

Ришелье

    Пользователь

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

Отправлено 23 Июнь 2015 - 17:30

ап

#3 Firefly

Firefly

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

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

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

Просмотр сообщенияРишелье (22 Июнь 2015 - 20:29) писал:

Добрый вечер! Я совсем новичок. Номер аккаунта f105503


Не получается изменить цвет в верхнем каталоге.

А в шапке поменялся, но осталась полоса синяя, помогите исправить, пожалуйста.

Как кнопки самого меню длиннее сделать?

А кнопку сравнения надо убрать совсем, при этом увеличив значок корзины.

Пока вот такие вопросы возникли, очень надеюсь на вашу помощь!

Здравствуйте.
С частью вопросов, как видно, Вы уже разобрались.
Чтобы изменить размер пунктов меню зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 8px 10px;font-size: 150%;font-weight: normal;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;position: relative;color: #FFF;border: 1px solid transparent;}

В данном коде изменяйте значение 10px в большую сторону у параметра padding, чтобы изменить размер по ширине; чтобы изменить размер по высоте изменяйте значение 8px.

Чтобы скрыть значок сравнения товаров найдите код:
#menu .nav-right .block-compare {margin-left: 8px;position: relative;display: block;text-align: left;float:left;}

Замените на:
#menu .nav-right .block-compare {margin-left: 8px;position: relative;display: block;text-align: left;float:left;display: none;}

Чтобы немного увеличить размер кнопки корзины по ширине найдите код:
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 49px;border: 1px solid rgba(255, 255, 255, 0.5);-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png") no-repeat left -343px;}

Замените на:
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 55px;border: 1px solid rgba(255, 255, 255, 0.5);-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png") no-repeat left -343px;}


#4 Ришелье

Ришелье

    Пользователь

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

Отправлено 24 Июнь 2015 - 14:01

Спасибо за ответы! Почему -то размер кнопок не меняется, уже сто раз пробовала. Ну пока пусть так остануться,  а как уменьшить саму ширину меню? Скрин прилагаю

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

  • сейчас.JPG
  • надо.JPG


#5 Firefly

Firefly

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

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

Отправлено 24 Июнь 2015 - 14:32

Просмотр сообщенияРишелье (24 Июнь 2015 - 14:01) писал:

Спасибо за ответы! Почему -то размер кнопок не меняется, уже сто раз пробовала. Ну пока пусть так остануться,  а как уменьшить саму ширину меню? Скрин прилагаю

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}

Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 10px 5px 10px 0px;}

Найдите код:
#menu .nav-right {text-align: right;float:right;margin-top:14px;}

Замените на:
#menu .nav-right {text-align: right;float:right;margin-top: 4px;}


#6 Ришелье

Ришелье

    Пользователь

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

Отправлено 24 Июнь 2015 - 15:44

Просмотр сообщенияFirefly (24 Июнь 2015 - 14:32) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}

Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 10px 5px 10px 0px;}

Найдите код:
#menu .nav-right {text-align: right;float:right;margin-top:14px;}

Замените на:
#menu .nav-right {text-align: right;float:right;margin-top: 4px;}

Вы просто волшебник!! Спасибо большое! :D

#7 Ришелье

Ришелье

    Пользователь

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

Отправлено 24 Июнь 2015 - 17:45

Подскажите, пожалуйста, а можно в этом шаблоне категории в меню разделить полосой вертикальной? Или как-то еще каждое слово отделить от другого?

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

  • разделитель.JPG


#8 Firefly

Firefly

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

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

Отправлено 24 Июнь 2015 - 18:25

Просмотр сообщенияРишелье (24 Июнь 2015 - 17:45) писал:

Подскажите, пожалуйста, а можно в этом шаблоне категории в меню разделить полосой вертикальной? Или как-то еще каждое слово отделить от другого?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 10px 5px 10px 0px;}

Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 10px 5px 10px 5px;border-left: 1px solid #FFFF00;}

Найдите код:
#custommenu ul.mainnav li.level0:first-child {padding-left: 0;}

Замените на:
#custommenu ul.mainnav li.level0:first-child {padding-left: 0;border: 0;}


#9 Ришелье

Ришелье

    Пользователь

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

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

Просмотр сообщенияFirefly (24 Июнь 2015 - 18:25) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 10px 5px 10px 0px;}

Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 10px 5px 10px 5px;border-left: 1px solid #FFFF00;}

Найдите код:
#custommenu ul.mainnav li.level0:first-child {padding-left: 0;}

Замените на:
#custommenu ul.mainnav li.level0:first-child {padding-left: 0;border: 0;}

Спасибо большое!!!





Темы с аналогичным тегами цвет каталога, размер кнопок

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных