|
Burlcobar
|
March 28, 2017 at 11:00 am
I am a bit of a newbie and admittedly probably am not as well-versed in html as others. I cannot seem to figure out how to get the titles of my events to either show up smaller, or to only display a portion of the title. Currently, every event displays the entire title and it skews the entire calendar and stretches out the view. http://burlcobar.org/calendar-of-events-3/ Can someone tell me how to fix this?
|
|
Tony
|
March 28, 2017 at 1:18 pm
Hi there,
Using CSS you can alter the size of the text shown on the claendar, for example:
#espresso_calendar .fc-event-inner,
#espresso_calendar .fc-event-title {
font-size: 10px;
}
Will set the font size of the title and time to 10px.
We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.
Is that what you are looking for?
|
|
Burlcobar
|
March 29, 2017 at 10:00 am
Well yes, sort of. While I am happy that I can now make the font smaller, I really want it to not show the entire title of each event. Many of my events have long titles so on any given date that date will be larger/longer than another, so the calendar looks out of whack. I guess I really want to set the size of the calendar so it doesn’t do this. Link to show what i mean: http://burlcobar.org/calendar-of-events-3/
You’ll see that the first week of March has smaller titles, thus the week size is smaller. Then the following weeks have longer titles, so the size of those weeks is larger. I want all the weeks to be the same size, even if the entire title doesn’t show up on the calendar. Thanks!
|
|
Josh
|
March 29, 2017 at 10:28 am
You can add something like this to your custom stylesheet:
@media only screen and (min-width: 480px) {
.fc-event-title {
max-height: 39px;
overflow: hidden;
}
}
|
|
Burlcobar
|
March 29, 2017 at 10:38 am
That’s what i needed. Thanks so much!
|
