Добрый день! Подскажите пожалуйста:
1) Как изменить цвет кнопки заказать во всех вкладках (как в каталоге, так и после клика по товару) на красный?
2) Как изменить цвет с черного на красный и увеличить шрифт надписей (указано на фото)
SL-392151
0
Вопросы По Оформлению Каталога
Автор berezka, 19 авг. 2016 18:59
В теме одно сообщение
#1
Отправлено 19 Август 2016 - 18:59
#2
Отправлено 19 Август 2016 - 19:10
berezka (19 Август 2016 - 18:59) писал:
Добрый день! Подскажите пожалуйста:
1) Как изменить цвет кнопки заказать во всех вкладках (как в каталоге, так и после клика по товару) на красный?
2) Как изменить цвет с черного на красный и увеличить шрифт надписей (указано на фото)
SL-392151
1) Как изменить цвет кнопки заказать во всех вкладках (как в каталоге, так и после клика по товару) на красный?
2) Как изменить цвет с черного на красный и увеличить шрифт надписей (указано на фото)
SL-392151
Здравствуйте.
В данном случае попробуйте, пожалуйста, сделать следующее:
1. В шаблоне main.css найдите, пожалуйста, данный код:
.buy-item button { width: auto; overflow: visible; padding: 0.714em 1em 0.714em 2.5em; background: url('{ASSETS_IMAGES_PATH}icons.png?design=comfort') no-repeat scroll 10% -552px #13AF13; color: #fff; font-size: 100%; margin: 0 1em 0 0; border: none; font-weight: normal; margin: auto; color: #fff; letter-spacing: 1px; text-transform: uppercase; line-height: 1; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); display: inline-block; text-align: center; }
И замените его вот этим вот кодом:
.buy-item button { width: auto; overflow: visible; padding: 0.714em 1em 0.714em 2.5em; background: url('{ASSETS_IMAGES_PATH}icons.png?design=comfort') no-repeat scroll 10% -552px #ff2233; color: #fff; font-size: 100%; margin: 0 1em 0 0; border: none; font-weight: normal; margin: auto; color: #fff; letter-spacing: 1px; text-transform: uppercase; line-height: 1; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); display: inline-block; text-align: center; }
2. Теперь в том же шаблоне найдите, пожалуйста, следующий код:
header.controls { padding: 1em; background: #000000 !important; margin-bottom: 0em; }
И замените его вот этим кодом:
header.controls { padding: 1em; background: #ff2233 !important; margin-bottom: 0em; }
После чего снова в том же шаблоне найдите, пожалуйста, данный код:
.sort-list { float: left; width: 100%; margin-top: 0.25em; }
И замените его вот этим кодом:
.sort-list { float: left; width: 100%; margin-top: 0.25em; font-size: 16px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных