Theme overriding Plugin CSS

  • Resolved marowniom

    (@marowniom)


    2 years, 7 months ago

    I like the way the plugin looks without the site’s theme overriding it.

    Is there a way to prevent the theme from taking over (without marking every css as !important?)

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Room 34 Creative Services, LLC

    (@room34)

    2 years, 7 months ago

    The plugin is designed to use the site theme’s CSS as much as possible to make the calendar blend in with the rest of the site, so there’s not an automatic way to force any sort of “plugin default” appearance. (There really isn’t a plugin default appearance for things like fonts.)

    Thread Starter marowniom

    (@marowniom)

    2 years, 7 months ago

    I edited the style.min.cs and changed the font-size from 70% to 100% which was much more readable.

    .ics-calendar-month-grid td,.ics-calendar-month-grid th

    Plugin Author Room 34 Creative Services, LLC

    (@room34)

    2 years, 7 months ago

    @marowniom You should be sure to make any CSS changes like this either in your theme or under Appearance > Customize > Additional CSS. Making CSS edits directly in plugin files is a bad idea because those changes will get overwritten whenever there’s an update.

    Thread Starter marowniom

    (@marowniom)

    2 years, 7 months ago

    Well, I tried there first but it didn’t override the plug-in css.

    .ics-calendar-month-grid td,.ics-calendar-month-grid th
    {
    font-size: "100%"
    }

    Plugin Author Room 34 Creative Services, LLC

    (@room34)

    2 years, 7 months ago

    100% should not be in quotation marks. If that doesn’t resolve it, you may need to add !important after it (with a space before the !).

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Theme overriding Plugin CSS’ is closed to new replies.

Tags