• Решено xenommy

    (@xenommy)


    Добрый день.
    Никак не могу догнать как поменять стиль всего одного товара на этой странице http://www.artsecurity.su/shop/ Т.е. хочется выделить основной курс как основной и сделать его чуть покрупнее. Я так понимаю товары генерируются каким-то образом каждый раз при загрузке этой страницы? Если менять стили отображения превьюшек товаров, то поменяются все, но мне нужно поменять размер превью только одного. Ломал ломал голову, не хватает знаний. Просьба, помогите люди добрые!

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Модератор Юрій

    (@yube)

    используйте селектор li.post-117

    А где это можно отредактировать? В каком файле?

    Можно в файле /wp-content/themes/horizon/css/grid.css

    li.post-117 {
    .....
    }

    Но если тема обновляется, то все слетит. Для этого нужно использовать либо дочернюю тему, либо плагин, например Simple Custom CSS.

    Можно в файле /wp-content/themes/horizon/css/grid.css

    li.post-117 {

    Что-то я не увидел в этом файле такой строки вобще.

    И если делать через Custom CSS который встроен в WP, то как правильно дописать стиль?

    Что-то я не увидел в этом файле такой строки вобще.

    Ее там и не будет, сами добавьте например:

    li.post-117 {
    border:2px solid#FF0400;
      background:#000!important;
      color:#fff!important;
    }
    li.post-117 a{
    color:#fff
    }

    хочется выделить основной курс как основной и сделать его чуть покрупнее.

    Увеличить не получится.

    И если делать через Custom CSS который встроен в WP, то как правильно дописать стиль?

    Кстати да, возможно в теме есть возможность добавлять свои стили.

    Насчет увеличить понял, единственное, если выделить к примеру как вы предложили, то выделяется основной курс и ниже среди дополнительных. Как его оттуда убрать вобще, чтобы основной курс только сверху был виден?

    .page-description .post-117 {
    border:2px solid#FF0400;
    background:#000!important;
    color:#fff!important;
    }
    .page-description .post-117 a{
    color:#fff
    }

    qwert555, Спасибо тебе огромное! Немного поиграл с предложенным тобой вариантом и получилось совсем то, что нужно было)

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Как поменять стиль превью одного товара?» закрыта для новых ответов.