Несколько Вопросов По Оформлению
#1
Отправлено 16 Апрель 2015 - 15:22
Подскажите пожалуйста
1) как сделать чтобы надпись КАТАЛОГ была белого цвета на черном фоне (как в блоке НОВОСТИ)
2) сделать так, чтобы кнопки "быстрый заказ" не "прыгали"?
3) как поменять цвет кнопок "быстрый заказ" на черный?
4) как убрать лишнее расстояние в шапке от логотипа до адресной строки браузера (чтобы компакнее смотрелось) ?
Простите за глупые вопросы, я пока "нуб"
#2
Отправлено 16 Апрель 2015 - 15:34
maqusimio (16 Апрель 2015 - 15:22) писал:
Подскажите пожалуйста
1) как сделать чтобы надпись КАТАЛОГ была белого цвета на черном фоне (как в блоке НОВОСТИ)
2) сделать так, чтобы кнопки "быстрый заказ" не "прыгали"?
3) как поменять цвет кнопок "быстрый заказ" на черный?
4) как убрать лишнее расстояние в шапке от логотипа до адресной строки браузера (чтобы компакнее смотрелось) ?
Простите за глупые вопросы, я пока "нуб"
1) В main.css найдите код
.block2 .block-title { padding: 6px 18px; color: #40383b; text-transform: uppercase; background: #fff; border: 1px solid #c0c0c0; position: relative; display: block; }и замените на
.block2 .block-title { padding: 6px 18px; color: #FFF; text-transform: uppercase; background: #383838;; border: 1px solid #c0c0c0; position: relative; display: block; }2) В конец main.css добавьте
.product_list_details_left h5 { height: 40px; }
3) В main.css найдите
.add_to_cart_ph { display: block; background-color: #da3b44; background-image: url('{ASSETS_IMAGES_PATH}cart_white.png?design=autumn'); background-repeat: no-repeat; background-position: 13px 50%; color: #fafafa!important; line-height: 35px; height: 35px; padding: 9px 16px 9px 46px; border: 1px solid #a40f18; cursor: pointer; font-weight: 700; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); }и замените на
.add_to_cart_ph { display: block; background-color: #000; background-image: url('{ASSETS_IMAGES_PATH}cart_white.png?design=autumn'); background-repeat: no-repeat; background-position: 13px 50%; color: #fafafa!important; line-height: 35px; height: 35px; padding: 9px 16px 9px 46px; border: 1px solid #a40f18; cursor: pointer; font-weight: 700; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); }
#3
Отправлено 16 Апрель 2015 - 15:42
#5
Отправлено 16 Апрель 2015 - 16:09
#6
Отправлено 16 Апрель 2015 - 16:11
maqusimio (16 Апрель 2015 - 16:09) писал:
input.exclusive, #paymentForm input, a.exclusive { display: inline-block; background: #da3b44 !important; color: #fafafa!important; border: 1px solid #a40f18; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); padding: 6px 12px; font: inherit !important; text-decoration: none; cursor: pointer; }и замените на
input.exclusive, #paymentForm input, a.exclusive { display: inline-block; background: #000 !important; color: #fafafa!important; border: 1px solid #a40f18; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2); padding: 6px 12px; font: inherit !important; text-decoration: none; cursor: pointer; }
#10
Отправлено 16 Апрель 2015 - 16:54
maqusimio (16 Апрель 2015 - 16:41) писал:
1) можно ли сделать так, чтобы кнопка быстрый заказ в карусели выделялась красным цветом при наведении курсора (как в каталоге)
2) как обрезать шапку до логотипа ( уменьшить до линии)
#11
Отправлено 16 Апрель 2015 - 20:46
#12
Отправлено 19 Апрель 2015 - 12:26
Номер аккаунта:
SL-333722
#13
Отправлено 19 Апрель 2015 - 12:34
maqusimio (19 Апрель 2015 - 12:26) писал:
Номер аккаунта:
SL-333722
Для подключения нового шрифта воспользуйтесь инструкцией
После в конец main.css добавьте
div#header-logo a { font-family: Название шрифта; }
#14
Отправлено 19 Апрель 2015 - 13:22
@font-face {
font-family: 'dsizmirnormal’;
src: url('http://st.shakti-sho...izmirnormal.eot
src: url('http://st.shakti-sho...rmal.eot?#iefix') format('embedded-opentype'),
url('http://st.shakti-sho...zmirnormal.woff') format('woff'),
url('http://st.shakti-sho...izmirnormal.ttf') format('truetype'),
url('http://st.shakti-sho...g#dsizmirnormal') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Shrift';
src: url('http://st.shakti-sho...izmirnormal.eot
src: url('http://st.shakti-sho...rmal.eot?#iefix') format('embedded-opentype'),
url('http://st.shakti-sho...zmirnormal.woff') format('woff'),
url('http://st.shakti-sho...izmirnormal.ttf') format('truetype'),
url('http://st.shakti-sho...g#dsizmirnormal') format('svg');
font-weight: normal;
font-style: normal;
}
#15
Отправлено 19 Апрель 2015 - 13:45
Цитата
font-family: ‘ds-izmir-normal’;
src: url('http://st.shakti-sho...zmir-normal.eot
src: url('http://st.shakti-sho...rmal.eot?#iefix') format('embedded-opentype'),
url('http://st.shakti-sho...mir-normal.woff') format('woff'),
url('http://st.shakti-sho...zmir-normal.ttf') format('truetype'),
url('http://st.shakti-sho...ds-izmir-normal') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ds-izmir-normal’;
src: url('http://st.shakti-sho...zmir-normal.eot
src: url('http://st.shakti-sho...rmal.eot?#iefix') format('embedded-opentype'),
url('http://st.shakti-sho...mir-normal.woff') format('woff'),
url('http://st.shakti-sho...zmir-normal.ttf') format('truetype'),
url('http://st.shakti-sho...ds-izmir-normal') format('svg');
font-weight: normal;
font-style: normal;
}
#20
Отправлено 20 Апрель 2015 - 15:02
maqusimio (19 Апрель 2015 - 18:19) писал:
2) некоторые картинки в карусели не вытягиваются по размеру
1.найдите в style.css
.product_details h5 { height: 30px; }замените на
.product_details h5 { height: 44px; }
далее найдите
.autumnshowcase_block .autumnshowcase_carousel { position: relative; overflow-x: hidden; height: 450px; clear: both; }замените на
.autumnshowcase_block .autumnshowcase_carousel { position: relative; overflow-x: hidden; height: 450px; clear: both; height: 450px !important; }
2. далее найдите
.autumnshowcase_block .product_image { max-width: 192px; height: auto; z-index: 1; }
замените на
.autumnshowcase_block .product_image { max-width: 192px; height: 206px; z-index: 1; }3. найдите
#header #cart_block { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); top: 86px; background: #fcfcfc; width: auto; }замените на
#header #cart_block { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); top: 69px; background: #fcfcfc; width: auto; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных