hover כפתור בבילדר

שלום רב,

ניתן באמצעות CSS Classes לתת שם קלאס מותאם אישית לווידג'ט כפתור.

ואז ב-Live CSS להכניס קוד עם hover.

לדוגמה לקרוא לווידג'ט button-widget

וב-Live CSS להכניס את הקוד הבא:

.button-widget:hover{
background-color:#ffffff;}

אפשר קישור לעמוד?

נסה באמצעות הקוד הבא:

hover{border:5px solid gray;}

זה אמור לעבוד.

אם לא אז שלח לנו פרטי גישה בתגובה פרטית כדי שנוכל לבדוק את זה.

זה קורה בגלל שהקלאס מותאם אישית הוא בעצם לכל הווידג'ט, ולא רק לכפתור עצמו.

לכן הכי מומלץ להכניס קוד רק לכפתור עצמו, ולהגדיר שיהיה רק בעמוד הזה.

בנוסף מומלץ להכניס מספר של צבע ולא שם.

נסה להכניס את הקוד הבא, זה אמור להסתדר:

.page-id-1711 .button.size-large:hover{
border:5px solid gray;
background-color:#FF66FF !important;}

ניתן לראות את זה בקוד של הכפתור.

בנוסף, להלן קישור למדריך שלנו לגבי הכפתורים באתר:

Helpers Classes – סלקטורים של CSS לטפסים מעוצבים

נסה להוריד את ה !important ואם הקוד עדיין עובד אז זה לא חובה.