Раздели на бутони Divi [ИЗТЕГЛЯНЕ] Кодови фрагменти, Divi
Наскоро беше зададен въпрос в една от групите на Divi във Facebook за това как да се постигне определен ефект с помощта на Divi. Чрез манипулиране на родния модул Tabs с помощта на чист CSS успях да пресъздам желания ефект.
Ефект на персонализирани раздели Divi
Ето връзката за изтегляне на JSON файла, ако се интересувате да използвате това и във вашия проект.
Съдържание на файла
JSON файлът съдържа ROW, който има модул Tabs и модул Code, който съдържа допълнителния CSS, необходим за този ефект да работи.
Поставил съм CSS в модула Tab, където е възможно, за да запазя нещата възможно най-много в Divi, а допълнителният CSS, който не е имал място в модула Tab, е поставен в модула Code. Чувствайте се свободни да извлечете CSS в модула на кода във вашия собствен файл на тема style.css на вашата тема или да го поставите в полето CSS на панела Divi.
Икони
Иконите се вмъкват с помощта на CSS и кодът за тях е в модула Код. Ако искате да промените иконите, можете да намерите допълнителни unicodes за родната икона на Divi, зададена тук: https://www.elegantthemes.com/blog/resources/elegant-icon-font
Ако не сте запознати с работата с unicodes в CSS, имате нужда само от частта на unicode, която идва след „x“, и можете да пропуснете задната точка.
Например unicode за иконата на кредитна карта е:
& # xe014;
Всичко, от което се нуждаем от този unicode, е e014. Вижте модула Code, включен в CSS, за действително използване.