Disable: Organizer, Venue Name, & Recurring.

[gerikg]

HI,

I’m running a specific location yard sale site. I’ve read: https://theeventscalendar.com/knowledgebase/themers-guide/ and was able to alter the form submitted. What I can not do is edit the filter in the “My Event” that brings it all back. I’ve tried to css it out but I can only do the titles, not the content. help?

[George]

Hello,

This will take a bit of advanced CSS, but you should be able to achieve this by placing CSS like the following at the bottom of your theme’s style.css file:

/* Hide the table headers. */
table.events-community.my-events th#col-2.essential,
table.events-community.my-events th#col-3.essential,
table.events-community.my-events th#col-5 {
    display: none !important;
}

/* Hide the column content. */
table.events-community.my-events td[headers="col-2"].essential,
table.events-community.my-events td[headers="col-3"].essential,
table.events-community.my-events td[headers="col-5"] {
    display: none !important;
}

Try that out and let us know if it helps!

Thanks,
George

[gerikg]

So far so good. What about the filter above the table?

[George]

Can you clarify what you mean? I’m not quite sure what you mean as of yet. One thing I can recommend in the meantime is just to get and learn to use the basics of a free tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome – these tools will let you zoom right over an element you want to hide, and tell you its CSS classnames or IDs and such. Then you can just write CSS like I recommended at the bottom of your style.css file.

Thanks,
George

[gerikg]

[George]

Hiding these is a bit trickier, as no specific class name is used for each list item. You will have to use the CSS :nth-of-type selector – e.g., if you want to hide the first item, it’s the first child. The second item is the second child, and so on. Research online for more information about this if you’re not familiar.

An example of this, to hide the second 4th item for example, is this:

#tribe-community-events .table-menu ul li:nth-of-type(4) {
    display: none !important;
}

Add a new line of that type of code for each item you want to hide, and you should be able to hide these elements well.

For more help with CSS customizations, check out those tools that I mentioned above. And be sure to keep good backups of all your custom code! 🙂

Best of luck with your site,
George

[Author]

Posts