nymphetamin2004

1. Простите, подумала проблема в фото категорий. Возможно, это серверный кэш, проверьте состояние данных фото в течении суток.

2. В шаблоне HTML найдите:

<div id="gsInformerID-kyjhV3PW40Mqno" class="gsInformer" style="width:240px;height:217px">

замените на:

<div id="gsInformerID-kyjhV3PW40Mqno" class="gsInformer" style="width:240px;height:217px; margin: 0 auto;">

Для этого необходимо увеличить фото категории в разделе Настройки - Основные  - увеличьте параметр 260

В main.css найдите:

.cat_prod_hold,.prod_hold{
display:inline-block;
margin: 10px 5px 10px 12px;
padding: 0px 0px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
z-index: 1;
position: relative;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
transition: margin 0.3s ease-in-out, border 0.3s ease-in-out;
-moz-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out;
background: white;
overflow: hidden;
}

замените на:

.cat_prod_hold,.prod_hold{
display:inline-block;
margin: 10px 5px 10px 12px;
padding: 0px 0px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
z-index: 1;
position: relative;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
transition: margin 0.3s ease-in-out, border 0.3s ease-in-out;
-moz-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out;
background: white;
overflow: hidden;
width: 250px !important;
}

далее в настройках - основные - увеличьте размер фото товара с 200 до 250

по такой схеме можете еще больше увеличить товарные блоки

Если позволите, выскажусь и я.
1.Ёрзает экран. Хочу прокрутить вниз, оно почему-то не фиксируется, а движется вверх. Раздражает, Из-за этого вытекает п.2
2. Зашла в каталог, нажала на изделие - сразу же написало, что изделие у меня в корзине. Зачем? Я только хотела посмотреть, изучить.
3. И сам текст на главной. Интрнет-магазин и магазин - повторяются через предложение, мы и мы через строчку начинают фразу. И вот это "Ассортимент нашего магазина включает последние тенденции моды!" )))Честно? очень странное предложение. Сразу и не понять, что у вас там такое
4. Бесплатная доставки и доставка 13 дней. Это как?

1.Все оочень большое
2.быстрая прокруткам контента
Но то, что все не с балансированно это просто пугает и не интересно содержимое !

Я зашла на сайт и мне понравилось все, кроме очень больших изображений на слайдере. В остальном на сайте комфортно, приятная цветовая гамма. Понятные кнопки подсказки. Приятный магазин.

Первое что бросилось в глаза это разная высота картинок на слайдере. Пока находишься на главной текст дергается и съезжает то вниз, то вверх. Точнее не только текст, а все что находится под слайдом.

Как быстро найти класс, в котором нужно производить изменения на примере браузера Google Chrome.

Для начала заходим на сайт, смотрим то, что хотим изменить. Например надпись "Связаться с нами"
Для этого щелкаем правой кнопкой мыши прямо по фразе "Связаться с нами",
Жмем в выпадающем списке "Просмотр кода элемента":
У вас появляется код вашего сайта (слева широкая колонка) и стили вашего сайта (справа узкая колонка):

Курсор уже установлен на том блоке, по которому вы кликнули. При наведении мышкой на код одновременно начинает подсвечиваться область где данный блок располагается(прозрачным синим цветом) , так смотрим правильно ли мы выбрали блок.

В данном случае слова находяться в блоке <h4> </h4> и имеют класс указаный справа:



Вам нужно добавить параметр color:#FFF; , посмотреть как он будет выглядеть. Сделать это можно прямо в браузере изменяя стили соответствующего класса.:


После того как подобрали нужный цвет копируем его название, далее заходим в бэк-офис, открываем шаблон main.css , быстрым поиском ищем нужный стиль и меняем его.(На вашем сайте я уже изменил код)


Далее, чтобы изменить фон , опять кликаем по нужной области правой кнопкой. Далее ищем правильный блок(пробегаемся мышкой по коду и смотрим подсветку браузера) , после того как нашли смотрим на имя стиля, далее процедура аналогично первой, только используется уже параметр background.

Есть 3 варианта установки фона.
Простое указание цвета: background:#000; , где #000 - нужный вам цвет.
Указание картинки(при загрузке сайта, пока картинка не загрузилась фон по умолчанию белый): Background:url('Ссылка на нужное изображение') no-repeat;
Где url - ссылка на изображение , no-repeat - картинка поставится только 1 раз(делается для больших изображений, чтобы они не дублировались) , нужно указывать вместо "no-repeat" - "repeat" если вы используете паттерн(маленькое изображение, которое нужно растеражировать по всей области).
Указание картинки и цвета пока картинка загружается  Background:url('Ссылка на нужное изображение') #000 no-repeat; Где все тоже самое , что и в двух предыдущих случаях.

Продемонстрирую на подвале как найти нужный класс, и что в нем изменить , чтобы серый заменить на шоколадный:
Кликаем правой кнопкой прямо по подвалу в любое пустое место, жмем просмотр кода элемента:
Далее смотрим сразу в стили, видим что там уже прописан параметр background и видим имя класса, остается дело за малым(Изменить значение параметра background на нужное вам)

После этого копируем имя класса , быстрым поиском ищем в main.css нужный нам блок и вносим в него изменения.(вам я их уже внес)

Думаю после данной инструкции для вас не составит труда изменить остальные пункты по аналогии и в дальнейшем более быстро изменять цвета там где нужно вам.