fbpx
loader image

поискай Финансова оферта

Изпратете запитване

Благодим за интереса към съвместна работа. Ще отговорим на Вашето запитване в най – кратък срок.

6 + 3 =

Раздели на бутони Divi [ИЗТЕГЛЯНЕ] Кодови фрагменти, Divi

от | ян. 1, 2021 | 0 коментари

Наскоро беше зададен въпрос в една от групите на 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, за действително използване.

About Momchil Marinov

0 коментара

Подайте коментар

Вашият имейл адрес няма да бъде публикуван.