WordPress.org

Support

Support » Plugins and Hacks » [Resolved] [Plugin: The Events Calendar] List View Table Background Color

[Resolved] [Plugin: The Events Calendar] List View Table Background Color

  • Hi All,

    I recently upgraded this plugin but I had not saved my customized .php/.css files under an /Events folder so I lost my previous edit to fix this problem.

    Well, now I cannot figure out/remember how to do this again!

    For a live view: http://www.christophershealinghands.com/home/events/

    My problem is that in the right hand table that the list view uses to display the start/end times, Event Venue Info, etc. has a white background. I custom designed this theme in Artisteer myself and have checked table properties in the sheet and they are set to have no background. So…..I need to figure out where the table properties for this plugin are. I have looked through the plugin .php and .css files ad nauseum and just cannot seem to locate it.

    Please help!!

    http://wordpress.org/extend/plugins/the-events-calendar/

Viewing 10 replies - 1 through 10 (of 10 total)
  • So if you are reading this trying to figure out this same problem, I finally found the answer.

    You must look for the style designation of tribe-events-event-list-meta table in the /resources/events.css file.

    I simply removed the line for the background color.

    This is the original code:

    .tribe-events-events .tribe-events-event-list-meta {
    	float:right;
    	border-left:1px solid #ccc;
    	padding:0 0 0 4%;
    	width:30%;
    	font-size:12px;
    	margin-bottom:20px;
    }
    .tribe-events-event-list-meta table {border-collapse:collapse; border: 0 !important;}
    .tribe-events-event-list-meta tr { border: 0 !important; }
    .tribe-events-event-list-meta td {
    	vertical-align:top;
    	padding: 0 0 4px 0 !important;
    	text-align:left;
    	border: 0 !important;
            background-color: white;
    }

    I just removed that last line of code so that it now looks like this:

    .tribe-events-events .tribe-events-event-list-meta {
    	float:right;
    	border-left:1px solid #ccc;
    	padding:0 0 0 4%;
    	width:30%;
    	font-size:12px;
    	margin-bottom:20px;
    }
    .tribe-events-event-list-meta table {border-collapse:collapse; border: 0 !important;}
    .tribe-events-event-list-meta tr { border: 0 !important; }
    .tribe-events-event-list-meta td {
    	vertical-align:top;
    	padding: 0 0 4px 0 !important;
    	text-align:left;
    	border: 0 !important;
    }

    Remember to copy this file into a /events folder that you create under your wp-content/themes/*YOUR THEME NAME*/ directory so that the next time you upgrade you won’t lose your edits. 🙂

    Plugin Author Rob La Gatta

    @roblagatta

    Hi there! Thanks for sharing this, from the dev team behind The Events Calendar plugin…sorry we didn’t get to it in time to provide you the guidance you would have needed here. This is awesome though, and I think other users who come forth with the same goal will appreciate it. Cheers.

    lanee1014 Thanks for posting this. I was originally trying to make this customization in my child theme file. Could you give some extra details on how to save the customization for updates of the Events Calendar plugin without losing it? Some kind of child theme for the plugin? Not sure if that’s possible or not – thanks in advance if it is!
    Allen

    Allen,

    Pretty simple. Just use your ftp client and create a folder called events under the wp-content/themes/*YOUR THEME NAME*/ directory. Then you copy the /resources/events.css file into that new folder. That’s it! 🙂

    Let me know if you need more help on that.
    -Chas

    Plugin Author Rob La Gatta

    @roblagatta

    Thanks, Chas!

    Allen: that give you what you need?

    Ya, perfect! Ran into a timthumb.php security issue and got distracted with this one! Thanks gang
    Allen

    Plugin Author Rob La Gatta

    @roblagatta

    Excellent to hear. Thanks for confirming, and for using the plugin 🙂 Let us know if we can do anything else down the road.

    I’m having the same problem.
    I attempted to change the code in the directories shown above, however it does not change the background color.

    http://www.plainfieldpc.com/indycarmada/events/upcoming/

    It also needs some theme / color help on the calendar as well.
    Please advise the best way to fix this! 🙂

    Thanks in advance.

    I would like a background behind the event list, somewhat looking like the background behind the posts like on the rest of the site (http://www.plainfieldpc.com/indycarmada/about-us/) if at all possible?

    Plugin Author Rob La Gatta

    @roblagatta

    Hey wickedstang. We can help you out here, but would you mind opening up a new thread so I can get a dev to chime in from there? It can get confusing when we’re piggybacking on an existing issue. Thanks in advance!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Resolved] [Plugin: The Events Calendar] List View Table Background Color’ is closed to new replies.