tile view image are not object-fit : cover
Hello,
I just updated Event On from an old version and the month calendar tile view now just contain images (I mean the image does not cover the entire tile anymore). Please see here : http://www.wisesound.fr/event-directory/.
Could you please tell me what is the css class code, so I can try
.class img {
object-fit : cover;
object-position : center;
}
would it be the right solution ? (i’m learning ^^)
-
-
Apr 4,2020 AT 4:23PM -
Posted 5 years ago
- #171130
Hi,
Please add the following:
.ajde_evcal_calendar.boxy.boxstyle0 #evcal_list .eventon_list_event .desc_trig {
box-sizing: unset;
padding: 0px;
}
.ajde_evcal_calendar.boxy #evcal_list .eventon_list_event .desc_trig.hasFtIMG span.ev_ftImg
background-size: cover;
}Let me know if they work as should.
-
Apr 6,2020 AT 12:49PM -
Posted 5 years ago
- #171347
Hello,
no I’m sorry, it does not work 🙁
>> http://www.wisesound.fr/event-directory/
-
Apr 7,2020 AT 2:34AM -
Posted 5 years ago
- #171435
I doubt object-fit: cover; object-position: center; will work in this case since we aren’t using an image but rather a span HTML tag with background-image.
Please add this CSS code to EventON > Styles (If you can’t see any change, EventON > turn off Write styles to header > save settings > turn on Write styles to header):
.ajde_evcal_calendar.boxy.boxstyle0 #evcal_list .eventon_list_event .desc_trig, .ajde_evcal_calendar.boxy.boxstyle0 #evcal_list p.desc_trig_outter { padding: 0 !important; }
-
Apr 12,2020 AT 11:02AM -
Posted 5 years ago
- #172099
Hello, no it still does not work, might be something with the new Event On upgrade, it was OK before. Should I go back to a previous version ?
I already got all that complimentary CSS :
.eventon_full_description .eventon_desc_in a {
color: aqua !important;
}
.content-wrap pre {
background: white !important;
}
.eventon_full_description .eventon_desc_in p {
font-size: 15px !important;
line-height: 1.6 !important;
color: black;
}
.ajde_evcal_calendar.boxy #evcal_list .eventon_list_event .desc_trig.hasFtIMG span.ev_ftImg:before {
opacity: .2 !important;
}.ajde_evcal_calendar.boxy #evcal_list .eventon_list_event .desc_trig.hasFtIMG:hover span.ev_ftImg:before {
opacity: .4 !important;
}
.eventon_details_shading_bot p span.ev_more_text {
color: red;
font-size: 20px;
}
.page-template-template-full-width .ajde_evcal_calendar {margin: 0 auto 0 auto;
padding: 0;
width: 100%;
max-width: 1370px;
list-style: none;
}
.page-template-template-full-width .ajde_evcal_calendar {
padding: 40px !important
}
.ajde_evcal_calendar.boxy.boxstyle0 #evcal_list .eventon_list_event .desc_trig {
box-sizing: unset;
padding: 0px;
}.ajde_evcal_calendar.boxy #evcal_list .eventon_list_event .desc_trig.hasFtIMG span.ev_ftImg {
background-size: cover;
}.single-ajde_events .wf-container-main { display: block !important; }
[add_eventon users=”14,5″]
.ajde_evcal_calendar.boxy.boxstyle0 #evcal_list .eventon_list_event .desc_trig, .ajde_evcal_calendar.boxy.boxstyle0 #evcal_list p.desc_trig_outter { padding: 0 !important; }
-
Apr 12,2020 AT 11:05AM -
Posted 5 years ago
- #172100
Oh yeah ! I placed it in additional css and not in event on style and now it works thank you very much !!!!
-
Apr 12,2020 AT 2:33PM -
Posted 5 years ago
- #172121
If you have a moment, we would greatly appreciate if you could kindly leave us a review at codecanyon! from your account > downloads. Cheers!
-
Apr 4,2020 AT 4:23PM -
Posted 5 years ago
- #171130
