SP Page Builder Pro

Объясните пожалуйста, как на этой демо странице: Для просмотра ссылки Войди или Зарегистрируйся
стилизованны иконки от FontAwesome: жёлтый цвет, форма ромба hover эффект под текстом, что идёт следом.
Перековырял quickstart, но не вижу, как это реализованно
 
А есть у кого нибудь русский для компонента?
 
Кто подскажет как сделать Accordion по умолчанию все закрытыми? Такая настройка есть уже в нем, но почему-то она не работает.
 
Последнее редактирование:
Объясните пожалуйста, как на этой демо странице: Для просмотра ссылки Войди или Зарегистрируйся
стилизованны иконки от FontAwesome: жёлтый цвет, форма ромба hover эффект под текстом, что идёт следом.
Перековырял quickstart, но не вижу, как это реализованно

Если коротко, через css.
Желтый цвет - .sppb-icon >span {background: #ffd200;}
Ромб стилями для .sppb-icon span:before и .sppb-icon span:after
Hover стилями такого типа .features-hexa .sppb-addon-feature:hover .sppb-addon-text {background-color: #fff;}

Открываете Инструменты разработчика в Гугл Хром, или аналогичные в других браузерах, и вперед.
 
  • Нравится
Реакции: 01K
... и вместо одного блока у Вас на странице n-копий одинаковых блоков, которые просто скрываются/отображаются на определенных разрешениях экрана, если это блоки с тяжелой анимацией - то вес странички и время загрузки растет(если это лендинг - она и так нелегкая обычно)

Бутстрапом эти блоки просто не грузятся через jscript для определенного разрешения.
Посмотри по исходному коду.
 
Кто подскажет как сделать Accordion по умолчанию все закрытыми? Такая настройка есть уже в нем, но почему-то она не работает.

В аддоне пункт Open Item установить значение Close all item.

У меня все вроде работает.
 
Интересный глюк обнаружил связанный с Megamenu.
Использую шаблон OnePage. Добавляю элемент в основное меню и связываю его с другой страницей, сделанной на SP Page Builder.
Открыв её, первая кнопка "HOME", уже не будет указывать в корень сайта, а будет иметь URL вида #section-id-1501767530280
Кто нибудь лечил это? Закинул описание на GitHub
 
Назад
Сверху