Woocommerce: как стилизовать некоторые товары (см. сайт)?

(Ответов: 3, Просмотров: 775)
  1. Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    Всем привет!

    На главной вывел несколько товаров с помощью шорткода [products ids="220, 224, 464"].
    Но они не по центру, можно увидеть. Так вот как расположить только эти товары по центру, плюс увеличить их ширину (растянуть)? Не затрагивая стили других товаров.

    Пробовал шорткод для вывода товара по отдельности и пихал их в таблицу. Товары почему-то были обрезаны.

    Центрирование на шорткод не действует.

    Может, есть какой-то плагин для стилизации?

    Сайт - fabrikavolos36.ru

    Нажмите на изображение для увеличения.  Название:	gfj.JPG  Просмотров:	7  Размер:	72.9 Кб  ID:	23006
    • 0
  2. Гуру Аватар для Ems
    • Регистрация: 24.05.2011
    • Сообщений: 2,032
    • Репутация: 663
    На выходе там все равно html, а значит, мы можем с ним взаимодействовать, как и с любым DOM-элементом.

    Мы же в 2017 году, поэтому будем использовать Flexbox:
    Код:
    ul.products {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    }
    Но так могут быть изменения и на других страницах. Экспресс-вариант, под шорткодом вставить:
    Код:
    <style>
    ul.products {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    }
    </style>
    Таким образом, это будет применяться только на этой странице.
    Облачный хостинг из TOP-3 - от 1 Gb ОЗУ, от 25 GB SSD.
    • 2

    Спасибо сказали:

    IX.(26.03.2017), west0293(26.03.2017),
  3. Гуру Аватар для west0293
    • Регистрация: 09.06.2011
    • Сообщений: 1,025
    • Репутация: 342
    • Webmoney BL: ?
    Потерто.
    • 0
  4. Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    Ems, экспресс-вариант работает, благодарю!
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Не обновляется корзина Woocommerce (см. сайт)
Web программирование 0 14.03.2017 11:49
Не обновляется корзина Woocommerce (см. сайт)
Вопросы от новичков 0 14.03.2017 11:49
Pashmir.com CPA сеть - Игры, Товары, Инфо-товары, Мобильные приложения
Реклама партнерских программ 1 11.06.2014 22:23
Pashmir.com CPA сеть - Игры, Товары, Инфо-товары, Мобильные приложения
Партнерские программы 0 05.06.2014 16:58
Стилизовать скрол бар!
Web программирование 2 05.04.2012 18:03

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры