Управление стилем и дизайном, шрифты и меню

голоса: +2

Добрый день!

Я не мастак CSS стилей, что-то смог найти сам, что-то менял, но эффекта не получил

В связи с этим вопросы

Хотелось бы увеличить размер коризны (под цифрой 7) раза в 2-3, получилось увеличить только текст, не подскажете где заменить можно? видимо в нескольких местах

И как увеличить (а главное где? т.к. стили есть у интернет-магазина + общие + в странице товара можно) все остальное, что обведено рамками, я пытался вставлять font-size но возможно не туда.

И как сделать текст жирным?

И еще вопрос, у меня левое меню только на главной, если зайти например в доставку, то оно пропадает, как сделать, что бы меню было во всех страницах? 

Буду очень благодарен за помощь

 

Адрес сайта http://myvitahome.ru/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: +2
 
Лучший ответ

1. Чтобы увеличить размер корзины нужно ризовать иконку по крупнее, далее в Таблице стилей строка номер 27:

a.c-price {display:inline-block; color:#fff; text-decoration:none; padding:0 0 0 32px; background:url(/img/cart.png) no-repeat left center; }

background:url(/img/cart.png) no-repeat left center; меняем ссылку на новую перерисованную иконку.

2. Размер шрифта Названия товара и кнопки Описание регулируем в Таблице стилей строка 192:

.ip-title {margin:0 0 10px 0; font:18px/24px 'Open Sans'; color:#636363; }

font:18px/24px 'Open Sans';

3. Размер цены в строке 194:

.ip-price {margin:10px 0; font:18px/24px 'Open Sans'; color:#31a900; }

font:18px/24px 'Open Sans';

4. Размеры надписи - Единица шт, регулируем уже в таблице стилей shop.css строка номер 116:

.shop-options li { font: 18px/24px 'Open Sans'; line-height:150%; list-style-type:none; margin:0; padding:0 }

я добавил параметр - font: 18px/24px 'Open Sans'; регулируем под себя все.

5. Увеличить кнопку - Вкорзину на странице товара, ищем в таблице стилей строку номер 182:

.itempage .button {margin:15px 0 0 0; padding: 7px;}

я добавил параметр - padding: 7px; вот им и регулируем размер кнопки.

6. Размер шрифта самого описания к товару регулируем в строке номер 193:

.ip-content {margin:0 0 10px 0; font: 12px/16px 'Open Sans'; color:#7d7d7d; text-align:justify; }

font: 12px/16px 'Open Sans';

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Благодарю за ответ, все поправил, а как текст в кнопке Вкорзину сделать по центру? и название товаров по центру на главной?
В пункте 5-м я вам писал как и что прописать, так вот в этой же строке замените стили на:
.itempage .button {text-align: center;margin:15px 0 0 0; padding:10px; width:80px } /* Увеличить кнопку - Вкорзину */

Параметр - text-align: center; выровняет текст по центру.
Спасибо ) как раз искал
...