Woocommerce: как стилизовать некоторые товары (см. сайт)? - Webmasters.ru - RSS
http://webmasters.ru/forum/showthread.php?t=78349
SEO форум вебмастеров - Поисковые системы, оптимизация, раскрутка сайта, оптимизация и продвижение сайта в поисковых системах1742979534Elesite CMS60http://webmasters.ru/forum/images/wm/misc/rss.pngSEO форум вебмастеров Webmasters.ru
http://webmasters.ru/forum
Woocommerce: как стилизовать некоторые товары (см. сайт)? by IX.
http://webmasters.ru/forum/showpost.php?p=771246
Sun, 26 Mar 2017 06:52:53 GMTВсем привет!
На главной вывел несколько товаров с помощью шорткода [products ids="220, 224, 464"].
Но они не по центру, можно увидеть. Так вот как расположить только эти товары по центру, плюс увеличить их ширину (растянуть)? Не затрагивая стили других товаров.
Пробовал шорткод для вывода товара по отдельности и пихал их в таблицу. Товары почему-то были обрезаны.
Центрирование на шорткод не действует.
Может, есть какой-то плагин для стилизации?
Сайт - fabrikavolos36.ru
23006Woocommerce: как стилизовать некоторые товары (см. сайт)? by Ems
http://webmasters.ru/forum/showpost.php?p=771248
Sun, 26 Mar 2017 08:15:44 GMTНа выходе там все равно html, а значит, мы можем с ним взаимодействовать, как и с любым DOM-элементом.
Мы же в 2017 году, поэтому будем использовать Flexbox:
ul.products {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
Но так могут быть изменения и на других страницах. Экспресс-вариант, под шорткодом вставить:
ul.products {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
Таким образом, это будет применяться только на этой странице.
ul.products {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
Таким образом, это будет применяться только на этой странице.]]>Woocommerce: как стилизовать некоторые товары (см. сайт)? by west0293
http://webmasters.ru/forum/showpost.php?p=771249
Sun, 26 Mar 2017 08:16:40 GMTПотерто.Woocommerce: как стилизовать некоторые товары (см. сайт)? by IX.
http://webmasters.ru/forum/showpost.php?p=771259
Sun, 26 Mar 2017 13:39:21 GMTEms, экспресс-вариант работает, благодарю!