Опубликовано: 30 июня 2015

Как увеличить расстояние между изображениями категорий Есть решение

Стоит Ваш плагин "Иконка, изображение и банер для категории".

Вопросы:

1) Как увеличить на главной странице расстояние между изображениями категорий?

2) Как на странице категории увеличить расстояние между картинками подкатегорий?

3) Как сделать чтобы в стандартном представлении(вертикальном) товаров между карточками товаров было большее расстояние?

4) Как сделать чтобы карточки товаров выделялись рамочкой, а при наведении "мышки" эта карточка становилась жирнее?

1

Комментарии (2)

  • Решение
    Игорь Колмаков +21 1 июля 2015 10:44 #

    на 1 и 2 вопросы

    в пользовательских стилях пропишите праивла

    .category_list>li>a{
    border-color: #ccc;
    }
    .category_list {
    border-spacing: 20px;
    }

    на 3 вопрос

    в пользовательских стилях пропишите правило

    .product-list.thumbs li {
    width: 240px;
    margin: 0 6px 0 0;
    }

    на 4-й вопрос

    в пользовательских стилях пропишите правило

    .product-list.thumbs .product-block {
    border: 1px solid red;
    }

    .product-list.thumbs li:hover .product-block {
    border-color: red;
    outline: 5px solid red;
    }



    1
    • 1 июля 2015 11:40 #

      на 1 и 2 вопросы

      в пользовательских стилях пропишите праивла

      .category_list>li>a{
      border-color: #ccc;
      }
      .category_list {
      border-spacing: 20px;

      }

      - не работает. Или ошибка в коде или из-за того что сейчас там стоит Ваш плагин "Иконка, изображение и банер для категории". Что нужно исправить?


      Остальные пункты работают.

      1
      • Возможно у Вас иной класс у элементов, попробуйте так:

        .sub-categories.with-pictures { border-spacing: 20px; }

        .sub-categories.with-pictures > li > a { border-color: #ccc; }

        1
        • 1 июля 2015 11:59 #

          Да, так заработало. Спасибо!

          1
  • 1 июля 2015 12:13 #

    Из-за того что увеличилось расстояние между картинками категорий на главной странице правый вертикальный столбец картинок "вылез" за размер белого(основного) поля. Так как меняли стандартный фон темы на своё изображение получилось некрасиво.

    Как увеличить размер центрального (белого) поля Вашей темы?

    1
    • Напишите нам на email: kolmakov.igor@gmail.com

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

      1
    • Игорь Колмаков Игорь Колмаков +21 1 июля 2015 14:47 #

      в пользовательских стилях пропишите

      .sub-categories.with-pictures > li > a img{
      max-width:100%;
      }

      1

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите

Услуги

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

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

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх