Юлечка (09 Декабрь 2013 - 12:50) писал:
Здравствуйте, подскажите, пожалуйста, как поменять начертание и цвет текста, на всех страницах сайта ( чтобы все было в одном стиле! ) ( картинка 1-испр)
И еще у меня возникли некоторые вопросы:
2. Исправить цвет полосы (2-испр).
3. изменить цвет текста на кнопке и цвет ее границ ( кнопка "Добавить кв корзину") (3_испр)
4. Изменить цвет всех зеленых полос на сайте, таких как эта ( 4_испр)
5. в форме быстрого оформления заказа убрать врхнюю красную полосу , а также измненить цвет зеленой полосы везде ( 9_испр)
6. Изменить цвет, шрифт и размер текста везде(13_испр)
Заранее спасибо!
Здравствуйте, текст приведенный на 1 скриншоте Вы можете править самостоятельно в панели редактирования в разделе Сайт - Страницы
2. Фон можно исправить в файле style.css в коде
.warning {
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #d1cd9c;
font-size: 13px;
background: #ffffd2;
}
, изменив значение параметра color.
3. Изменения нужно внести в код
.add_to_cart {
display: block;
background-color: #f4cbf4;
background-image: url('http://leggings.storeland.net/cart_white.png');
background-repeat: no-repeat;
background-position: 13px 50%;
color: #fafafa!important;
height: 35px;
padding: 0 16px 0 46px;
border: 1px solid #a40f18;
cursor: pointer;
font-weight: 700;
line-height: 30px;
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);
}
За цвет границ отвечает параметр border, за цвет текста - color.
4. Измените параметр background в коде
.success {
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #4CCC5F;
font-size: 13px;
background: #BDF7A7;
}
5. Замените
.order_carrier_content, #opc_payment_methods {
background: #ffffff;
border: none;
border-top: 6px solid #da3b44;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.35);
}
на
.order_carrier_content, #opc_payment_methods {
background: #ffffff;
border: none;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.35);
}
6. Замените
h2 {
font-size: 18px;
line-height: 36px;
color: #444444;
margin-bottom: 10px;
}
на
h2 {
font-size: 18px;
line-height: 36px;
color: #444444;
margin-bottom: 10px;
font-family: Verdana;
}
указав нужный шрифт. Также измените параметр для color и font-size.
Аналогичные изменения нужно произвести в коде
.breadcrumb a, .breadcrumb a:active .breadcrumb a:visited {
display: inline-block;
color: #555555;
text-decoration: none;
font-family: cursive;
font-size: 15px;
}
и
.breadcrumb {
margin-bottom: 25px;
color: #909090;
font-size: 12px;
}