Elementor הגדרות פורטפוליו

[חני 100]

האם יש אפשרות שהכותרת של התמונה תהיה עליה מלכתחילה לא רק במעבר עכבר?

 

[חגית קרמר]

כן, עם css

 

[Tamar G]

זו בעצם הגדרה בcss
או של inherit:none תשני לinherit:block
או שזה מוגדר בשקיפות של הצבע.

 

[חני 100]

לא הצלחתי לשנות את זה עם CSS

לפי מה שאני רואה אלמנט הכותרת לא קיים בכלל כשהתמונה לא ב"overlay".
הפורטפוליו בנוי כך שיש 2 אזורים נפרדים - לרגיל ולoverlay
וכנראה שהם מופעלים עם JS

אשמח לשמוע על פתרון!
תודה

 

[Tamar G]

באיזה וידג'ט השתמשת?

 

[חני 100]

פורטפוליו - אלמנטור פרו

מה שכן אפשר זה לבטל את אלמנט הריחוף ואז הכותרת תוצג. אבל אני כן רוצה שיהיה אלמנט ריחוף

 

[Tamar G]

זה בעצם אלמנט שבתוכו מופיע אלמנט נוסף שמופיע בhover דרך הjs.
הפתרון הוא להגדיר נראות ל"אובייקט מעבר" וצבע רקע שקוף ובמצב הובר לתת לרקע צבע מלא.

.elementor-widget-portfolio .elementor-portfolio-item__title {
    opacity: 1!important;
    color: #1b5959!important;
}


.elementor-portfolio-item__overlay {
    opacity: 1;
    color: #FFFFFF00;
}
    .elementor-portfolio-item__overlay:hover {
        background-color:#b93838!important;
      transition: 1s;
    }

 

[חני 100]

זה בעצם אלמנט שבתוכו מופיע אלמנט נוסף שמופיע בhover דרך הjs.
הפתרון הוא להגדיר נראות ל"אובייקט מעבר" וצבע רקע שקוף ובמצב הובר לתת לרקע צבע מלא.

.elementor-widget-portfolio .elementor-portfolio-item__title {
    opacity: 1!important;
    color: #1b5959!important;
}


.elementor-portfolio-item__overlay {
    opacity: 1;
    color: #FFFFFF00;
}
    .elementor-portfolio-item__overlay:hover {
        background-color:#b93838!important;
      transition: 1s;
    }

יפה מאוד! מושלם!