How to enlarge font and pictures in Modern Events Calendar?

Support
#1

Hi,
On my site www.bodhikusuma.com, I cannot increase the size of the fonts of the date and title and picture of the Modern Events Calendar Widget, under MARCH 2018 on Special Events on the left. Is there anyway you could kindly suggest for me to do this?
Appreciate your support.
Larry

#2

Hi,

Im not assosiated with Themeco but…
It will increase the same values everywhere but you can use custom CSS to do so:

For dates (change the value of 19px to your desire):
.mec-widget .mec-event-list-classic .mec-event-date {
font-size: 19px !important;
}

For Events Title it should be (again change the value of 19px):
.mec-widget .mec-event-list-classic .mec-event-title {
font-size: 19px !important;
}

I didnt have time to check the Image size problem.

#3

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

.mec-widget .mec-event-list-classic .mec-event-article {
    padding-left: 90px
}
.mec-widget .mec-event-list-classic .mec-event-image {
    width: 90px
}
.mec-widget .mec-event-list-classic .mec-event-title,
.mec-widget .mec-event-list-classic .mec-event-date {
    font-size: 16px;
}

Hope it helps :slight_smile:

#4

great works well. thanks!

#5

Glad to hear that :slight_smile:

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.