Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

I want to display same font-size in Event calendar WordPress

  • SOLVED

Hello,

I want to display same font-size in "event calendar" (month and day),
right now it looks weird.

URL: https://secondlinejazzband.com/#gigs
URL:Screenshot: https://secondlinejazzband.com/wp-content/uploads/2021/02/date-size.png

2021-02-05 by User184709

Answers (3)

2021-02-06

Mohamed Ahmed answers:

Hello there,

There is the solution

.we-date-format-custom span {
font-size: 17pt !important;
line-height: 1.2em;
}


Screenshot of the site with my code
https://prnt.sc/yhfuin

User184709 comments:

Great!! Is it possible to center-align the date on mobile?

User184709 comments:

Great!! Is it possible to center-align the date on mobile?

@media only screen and (max-width: 767px) {
.we-date-format-custom span{text-align:center !important;}

Mohamed Ahmed comments:

Here you are

@media only screen and (max-width: 767px) {
.we-date-format-custom {
width: 100% !important}
}

2021-02-05

User184709 answers:

screenshot number 2

Arnav Joy comments:

for space you can try this
@media only screen and (max-width: 767px) {


.entry-event-list .event-table-cell {

padding: 8px 5px !important;
min-height: 20px !important;

}

}

Arnav Joy comments:

and please attache image for font

User184709 comments:

I want to display same font-size on month and day

User184709 comments:

https://secondlinejazzband.com/date-size/

2021-02-05

Cesar Contreras answers:

you have custom styles for each of the days ( https://imageupload.io/ItOVIMWf2j.i ),
you need to have one that applies to all

try to add a custom css for those elements with the following classes

/* STYLE FOR MONTH */
span.we-month.bigtext-line0{..._your_styles_...}

/* STYLE FOR DAY*/
span.we-day.bigtext-line1{..._your_styles_...}