Support » Plugin: The Events Calendar » CSS changes not showing up on calendar

  • Resolved Draconator

    (@draconator)


    Hello all. My website is for my band, http://www.shadowsdawntheband.com. I’ve followed the themeing guide’s instructions to style the calendar to my website’s look, but it seems the only thing I can change is the background. What I’m doing is I’m going into Firefox, using Firebug to identify what I want to change, change the hex code, paste it in my CSS file and upload. Yet I see no changes at all when I do this. I’m using “Full Styles” for the default stylesheet and “Default Events Template” for my Events Template.

    Any help anyone can give to have my CSS changes take would be very much appreciated. Thank you!

    https://wordpress.org/plugins/the-events-calendar/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi and welcome 🙂

    Have you tried marking the styles with “!important”? Check out this article and let me know if it helps: https://css-tricks.com/when-using-important-is-the-right-choice/

    Cheers and thanks for choosing TEC!

    Thread Starter Draconator

    (@draconator)

    I tried adding !important to my code, didn’t work.

    Here’s what I have for the code on my calendar. Like I said earlier, the only thing that takes is the Background.

    @charset "utf-8";
    /* CSS Document */
    function replace_tribe_events_calendar_stylesheet() {
       $styleUrl = get_bloginfo('template_url') . '/custom_events-stylesheet.css';
       return $styleUrl;
    }
    add_filter('tribe_events_stylesheet_url', 'replace_tribe_events_calendar_stylesheet');
    
    body {
    	background: #000058;
    }
    

    Any help would be appreciated. Thanks.

    Plugin Contributor GeoffBel

    (@geoffbel)

    Hey Draconator,

    From experience, using the “Full styles” option tends to make it easy to override CSS rules.
    There is no need to replace the Events calendar style sheet. You can simply add your rules in your child theme’s CSS or in a plugin such as Simple Custom CSS.

    Could you please give us an example of a CSS rule you have tried to change that is not kicking in ?

    Best regards,

    Geoff B.

    Thread Starter Draconator

    (@draconator)

    I am using the Full Styles option.

    Here is an example of a code I put on my stylesheet that wont reflect on the calendar.

    h1, h2, h3, h4, h5, h6 {
        padding-bottom: 10px;
        color: #fff;
        font-weight: 500;
        line-height: 1em;
    • This reply was modified 7 years, 6 months ago by Draconator.
    Thread Starter Draconator

    (@draconator)

    I just installed Simple Custom CSS, and the change took! Thank you so much!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS changes not showing up on calendar’ is closed to new replies.