Hello
I am trying to change appearance of title, subtitle and event location in my list calendar.
But I can’t find the css classes, I’ve tried many things that don’t work
For example I would like to set a biffer “padding-bottom” for the title
Could you tell me what css class I should use ?
Thank you
Hello Nica,
These are the selector you need:
For title:
#evcal_list .evcal_desc2.evcal_event_title {
}
For subtitle:
#evcal_list .evcal_event_subtitle {
}
For location:
#evcal_list .evcal_evdata_row.evo_location {
}
I did write both of these and nothing changes :
#evcal_list .evcal_evdata_row.evo_location {padding-top:10px; padding-bottom:20px!important}
#evcal_list.evcal_desc2.evcal_event_title {padding-bottom:50px !important
}
Any idea what I am doing wrong…?
This code #evcal_list.evcal_desc2.evcal_event_title {padding-bottom:50px !important } works:
Please add a space before !important in this code: #evcal_list .evcal_evdata_row.evo_location {padding-top:10px; padding-bottom:20px!important}
This is so weird..
I just read your message (35 minutes after yours). I went to check my website (the code I sent you is still “in it”) and you’re right, I could see the padding-bottom : 50px# for evcal_list.evcal_desc2.evcal_event_title
But I did not really want 50 px, I did put 50px to make sure I could actually see the change when it occurs. So I changed it to 20px. And nothing happens ! (of course I saved the CSS changes, and I refreshed the website page)
Please see attached back and front end screenshots
maybe I am in thhis case ? : “If your dynamic styles (appearance changes in eventon settings) do not reflect on front-end, it could be that your website is blocking eventon from using wp_filesystems() to write these dynamic styles to “eventon_dynamic_styles.css”.
In this case please copy the below CSS styles and paste it on your theme styles (style.css).”
But then, the changes should not have appeared at all, not a day after ?
Is it possible that…I have t wait ???!!!!
Only if you are using some kind of cache plugin on your WordPress installation (you need to clean it manually). Usually you just need to clean your browser cache and it should work immediately. For the best results could you please go to Appearance > Customize > add the code to Additional CSS. You’ll be able to see the results immediately.