not showing css changes

  • I have had the same look for the calendar for a while, but decided to go in and fool with settings. I switched the theme from twentyeighteen to refresh.

    Regardless of the theme though, I have tried to make a few very minor changes, one at a time, to see if I am doing it correctly and to view.

    I started by trying to change the background color of different parts, but saw no changes after I refreshed (I did also purge the cache).

    Am I missing some step I need to do to alter the look of the calendar?

    So, for example, I like the refresh theme, but would like to center a couple things, change the button color for previous and next, and give a little more padding to the events shown on month and week view.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter kallard

    (@kallard)

    In addition, when I changed the theme for the calendar, the footer widget suddenly displayed the date information in grey, while the event itself is in white.

    Previously, it was all white.

    I am using Divi and went in to change the colors in the theme customizer, but it didn’t respond for the color I selected for text. It DID respond to change the color of the links, title, and bullets, so not sure how to change that.

    Nevermind on this part. I fixed it through the actual widget settings.

    • This reply was modified 5 years, 11 months ago by kallard.
    • This reply was modified 5 years, 11 months ago by kallard.
    Plugin Author Joe Dolson

    (@joedolson)

    No, from what you’re describing you’re making changes in the expected way. There’s nothing more you should need to do. If you can tell me a specific change you’ve made that isn’t showing, I can take a look to try and see what’s happening.

    Thread Starter kallard

    (@kallard)

    Well, even though I tried multiple things, I thought I figured it out because I did not put in the page id where the CSS needed to be applied. But it still didn’t work.

    So, everything should be the default except for the current day color, which I changed to a green color, but it still shows yellow.

    https://vistagrandeelementary.com/my-calendar/

    • This reply was modified 5 years, 11 months ago by kallard.
    Plugin Author Joe Dolson

    (@joedolson)

    OK – it’s a specificity & ordering issue. Your color declaration for .current-day is being overridden by the color setting for .weekend, which is still set to be yellow.

    If you increase the specificity for current-day, you should get what you want, e.g.:

    .mc-main .current-day span.mc-date

    Thread Starter kallard

    (@kallard)

    Still didn’t work. It is like something is overriding the entire thing. I don’t know if it is a Divi thing or something else.

    Thread Starter kallard

    (@kallard)

    I also tried adding !important and that did not work either.

    Plugin Author Joe Dolson

    (@joedolson)

    I see that you’ve switched to using the CSS variables for color definitions – that can definitely be an easier way to go.

    I can’t say for sure what’s going on for you – with a high degree of specificity and !important, your styles should definitely be taking effect.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘not showing css changes’ is closed to new replies.