Елена

Короче, это я лоханулась. Сейчас все пересмотрела, этот тег не был внутри цикла <?php while ( have_posts() ) : the_post(); ?>. Но все равно странно, почему с плагином выводилось, а без него нет.

У меня с недавних пор тоже начала наблюдаться эта проблема. По инструкции CubixSystem все было настроено как нужно, начала смотреть остальные настройки и поменяв 50% на 100% как показано на картинке - все стало работать как надо.

сами ромбики можно сделать так:

div {
margin: 27px 0;
width: 100px;
height: 55px;
background: #F1CCAE;
position: relative;
}
div:before, div:after {
content: "";
width: 0;
height: 0;
position: absolute;
left: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
div:before {
top: -25px;
border-bottom: 25px solid #F1CCAE;
}
div:after {
bottom: -25px;
border-top: 25px solid #F1CCAE;
}

Для мобильных поясняющий текст к иконке можно убрать и показывать его при наведении на иконку.
И разместить в три столбца: в левом три шестиугольника друг под другом, в среднем - верхний - центральный шестиугольник уменьшенного размера-нижний , в правом - оставшиеся три шестиугольника. В этом случае позиционированием можно не пользоваться, а разметить страницу на 3 блока по 33.3333333333%, внутри которых будут размещены одинаковые многоугольники. И конечно же сначала делать верстку под мобильные устройства.

Спасибо всем за ответы и рекомендации! Вирусы удалили, по логам определили, что взлом был произведен через дырки в джумле. Модуль mod_copy был выключен.

Назначение большинства свойств можно понять из названия. Например:
text-decoration - оформление текста, значит подходит для всех html-элементов, внутрь которых заключен текст;
letter-spacing - расстояние между буквами слов, значит опять же для текста;
border - любой элемент может иметь границы, значит подходит для всех элементов;
content - генерируемое содержимое. Перед любым элементом можно добавить содержимое, значит подходит для всех элементов.
И так далее...
Для начала нужно прочитать про блочные и строчные элементы, как раз между этими группами есть отличия в применяемых свойствах. Например, css-трансформации действуют только на блочные элементы.
Как вариант, почитайте html5book.ru/css-css3, там css-свойства расписаны по основным элементам, html5book.ru/css3-tables - все, что можно задать для таблиц.
А четкий список будет вас только тормозить, вам надо прочитать про свойства и подумать, каким элементам их можно применить, пробовать на примерах, так быстрее разберетесь.