I’d like to style my event_table that I’ve inserted into a page with the [EVENT_CUSTOM_VIEW template_name=”events-table”] shortcode, but unfortunately I’m a little confused with the different css files of the plugin.
Which css-file contains the table styling? is it in base.css or in style.css or is it even the themeroller-base.css? It’s a little hard to find out which file affects which elements because of their different places 😉
You can use a tool like Firebug or Chrome developer tools (included with Google Chrome) to inspect an element on a page.
This will tell you the CSS file that is in use along with its location and line number for the specific styling.
You could then add new styling to make changes to your child theme’s stylesheet or in a plugin like My Custom CSS or Reaktiv CSS Builder. This will ensure that your CSS customizations are not lost on a software update.
Yes I use those tools to inspect the css-classes and files – the problem is, some of the styling refers to the base.css, some of it to the themeroller-base.css. it looks like the table uses 2 or 3 css files to get it’s styles.
My question is: can I put the new-table-styles in ONE css-file and which one is it 🙂
Or in other words said: can i overwrite the styles of the 3 css files and tell the table “please only use your styling from ONE css-file.
I hope I could describe my problem a little better now 😉
We don’t recommend editing any of the core files. Try adding your new styles into My Custom CSS or Reaktiv CSS builder and they should override the default styles.
We recommend this approach so that your customizations aren’t lost on a software updated.
—
Lorenzo
Viewing 5 reply threads
The support post ‘event_table styling’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.
Support forum for Event Espresso 3 and Event Espresso 4.