Changing font size in Simple Calendar display

  • kalinosza

    (@kalinosza)


    5 years ago

    Hi!
    I am setting-up a calendar on the website of my ngo.
    It all works fine in spite of one thing. The font size of the names of the events displayed on the website is super small.
    I read this https://docs.simplecalendar.io/customize-calendar-displays/ but I don’t understand where exactly can I make this changes.
    Where can I find this “HTML markup and CSS styles” that I could be able to edit.
    I will be grateful for the answer.
    Best wishes,
    Kalinosza

    • This topic was modified 5 years ago by kalinosza.
Viewing 1 replies (of 1 total)

  • In your child theme, put the css to change the font size in file “style.css”.

    e.g. to change the font size in the grid view, you can add:

    /* Make the current month & year header smaller */
    #gce_widget-2 > div > table > thead > tr > th.simcal-nav > h3 {
    font-size: 20px ! important;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Changing font size in Simple Calendar display’ is closed to new replies.

Tags