• Resolved nadafouad

    (@nadafouad)


    hi there…i’ve been trying to highlight todays date using the default calendar widget on my twenty ten theme with no luck.
    tried adding #wp-calendar td:hover, #wp-calendar #today {
    background: #eee;
    color: #bbb;
    }
    in the style.css file, with no luck…Nothing happened.

    also tried
    #today { background-color: #EEEEEE !important; }

    from another thread, but still nothing happened. any idea what i could be doing wrong?

    thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try using a browser developer tool for this kind of exploratory CSS work.
    I use Google Chrome’s built-in Developer Tool and it’s really easy to expose the webpage’s underlying HTML and CSS.

    Now that you know the style, from being exposed by the Developer Tool, you can add a new style to override it.

    You ought to add new styles externally, not within the theme’s files. Changes to the theme’s files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

    Thread Starter nadafouad

    (@nadafouad)

    well…i kinda tried doing what you suggested and i ended up even more lost (am not really into coding and stuff)…is there somekind of easier way to do it, or somekind of video walkthrough?
    sorry for sounding so stupid!

    #today { background-color: #EEEEEE !important; }

    should work; clear your browser cache to see the results – press ‘ctrl f5’ or ‘reload’ or …

    Thread Starter nadafouad

    (@nadafouad)

    Clearing the cache seems to have done it!!!:)
    Thx all for your help!

    cheers!

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

The topic ‘highlighting current date’ is closed to new replies.