• Website in question: http://www.materdeiparish.com

    I’ve been using the Google Calendar plugin for years, but rarely update it because every time I do, the CSS needed for the plugin to display correctly on my front page is erased and I have to spend hours figuring out where the CSS has changed and then change it back.

    I recently moved to a new host, who pushes through all updates, and they pushed through an update to the new version of the plugin. Unfortunately, now I simply cannot figure out where or how to edit the CSS.

    Here’s a snapshot of the site with the widget showing the old CSS:
    https://web.archive.org/web/20150418233554/http://materdeiparish.com/

    I don’t need complicated CSS, I just need:

    • Margin, line height and color adjustment on the simcal-day-label
    • Margin adjustment on LI elements (so that the data is centered within the text widget

    Any assistance you can provide would be greatly appreciated.

    https://ww.wp.xz.cn/plugins/google-calendar-events/

Viewing 1 replies (of 1 total)
  • Plugin Contributor Nick Young

    (@nickyoung87)

    Hi,

    For the color of the text you can try using:

    .simcal-day-label span { color: #xxx!important; )

    For the margins and line height you should be able to use .simcal-day-label

    The LI elements have a class .simcal-event that you can try to use for them.

    You can add all this CSS to your theme stylesheet or using a plugin that allows you to customize CSS (like Jetpack for WordPress).

Viewing 1 replies (of 1 total)

The topic ‘CSS customization issues’ is closed to new replies.