Controlling the font size of my Event Title in a calendar
Im looking for the CSS to control the font size of the event title for my mian calendar.
- Mar 18,2024 AT 9:11AM - 11 months ago-
-
Mar 18,2024 AT 9:13AM -
Posted 11 months ago
- #344838
This is the calendar in question.
I already have the following CSS in place;
.ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, .ajde_evcal_calendar .evcal_month_line p, .ajde_evcal_calendar .evo_footer_nav p.evo_month_title{font-size:30px;}
.evcal_event_title {
text-transform: capitalize !important;
}
span.evcal_event_subtitle{
text-transform: capitalize !important;
}
span.evo_start .month {
text-transform: capitalize !important;
}.evcal_evdata_row .evcal_evdata_cell h2, .evcal_evdata_row .evcal_evdata_cell h3,
.evo_metarow_ICS .evcal_evdata_cell p a, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a {text-transform:none !important;}
-
Mar 18,2024 AT 10:54AM -
Posted 11 months ago
- #344850
Hi Shannon,
Please add the custom CSS code below;
#evcal_list .eventon_list_event .evoet_cx span.evcal_event_title{
font-size: 18px;
}
Let us know if this works for you.
-
Mar 18,2024 AT 5:47PM -
Posted 11 months ago
- #344938
Thanks works well!
But….maybe it appears the subtitle is back to being in All Caps.
Could be wrong but i swear the CSS before the change had successfully prevented ALL CAPS.
Can you kindly confirm i have the CSS correct for preventing all caps ?
-
Mar 18,2024 AT 5:50PM -
Posted 11 months ago
- #344940
And also making the font size smaller for Subtitle
-
Mar 19,2024 AT 4:52AM -
Posted 11 months ago
- #344980
Hello,
Please add this CSS code to EventON > Styles (If you don’t see any change, EventON > Scripts & Styling > turn off Write dynamic styles to header > save settings > turn on Write dynamic styles to header):
.eventon_events_list .eventon_list_event .evoet_cx span.evcal_event_subtitle, .evo_pop_body .evoet_cx span.evcal_event_subtitle { text-transform: none !important; }
.eventon_events_list .eventon_list_event .evoet_cx span.evcal_desc2, .evo_pop_body .evoet_cx span.evcal_desc2 {text-transform: none !important;}
-
Mar 19,2024 AT 9:18AM -
Posted 11 months ago
- #345062
I emptied the cache a few times, but no luck and no changes appeared.
I also had some code from somewhere online, i would like to ask – is it conflicting with the CSS code you get me?
.ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, .ajde_evcal_calendar .evcal_month_line p, .ajde_evcal_calendar .evo_footer_nav p.evo_month_title{font-size:30px;}
#evcal_list .eventon_list_event .evoet_cx span.evcal_event_title{
font-size: 14px;
.eventon_events_list .eventon_list_event .evoet_cx span.evcal_event_subtitle, .evo_pop_body .evoet_cx span.evcal_event_subtitle { text-transform: none !important; }
.eventon_events_list .eventon_list_event .evoet_cx span.evcal_desc2, .evo_pop_body .evoet_cx span.evcal_desc2 {text-transform: none !important;}
.evcal_event_title {
text-transform: capitalize !important;
}
span.evcal_event_subtitle{
text-transform: capitalize !important;
}
span.evo_start .month {
text-transform: capitalize !important;
}
.evcal_evdata_row .evcal_evdata_cell h2, .evcal_evdata_row .evcal_evdata_cell h3,
.evo_metarow_ICS .evcal_evdata_cell p a, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a {text-transform:none !important;}
-
Mar 19,2024 AT 1:39PM -
Posted 11 months ago
- #345123
Please send us wp-admin access to your site as a private message for us to further assist your situation.
-
Mar 20,2024 AT 1:35PM -
Posted 11 months ago
- #345353
I added this to the code and it seems to be working now:
The issue is that it also changes the title/subtitle color to black. Could you move the code from EventON > Styles to wp-admin > Appearance > Customize > Additional CSS?
-
Mar 18,2024 AT 9:13AM -
Posted 11 months ago
- #344838
