Customizing the Table

Hi saurabhr,

If you check out the help/useage page in the plugin menu it will tell you all the relevant CSS classes you’ll need (or you can just inspect the table chrome/firefox dev tools)

Basically, you just want to add this into your css:

.hc_rse_events_table td.hc_rse_title{font-weight: bold}

For an example, check this out: https://huntlyrubytest.co.uk/events/

Here’s the relevant exceprt regarding CSS from the help page:

CSS Styling
===========

For theme developers, here are the event table css classes you can use to style the output

table.hc_rse_events_table – the main event table.
td.hc_rse_date – the table cell which holds the event date.
td.hc_rse_time – the table cell which holds the start time.
td.hc_rse_title – the table cell which holds the event title.
td.hc_rse_link – the table cell which holds the event link.
a.hc_rse_more_info – the more info link.
td.hc_rse_extra_info – the table cell which holds the event information.

Hope this helps! ??

Cheers,

Huntly

Hi Huntlys,
Thanks a lot for your immediate feedback. I tried inserting the lines in my css file but unfortunately it does not work.
Upon inspecting the table in above link I am able to see all the individual parts (of a row as in the date and title) but while inspecting element on my site (local) I see the complete row as a unit.
I guess that is somewhere I am going wrong. Still trying to fix this, any clues about the problem.

Hmm, not quite sure what’s going on, are you using the “more info” feature? Perhaps there’s an error with the html?

I’ve also had emails from people with issues who’ve pasted in the shortcode by without clearing the text format.

WordPress is great for pasting text into pages/posts and having it retain the styles (colours, sizes, font family and so on) but in this case you DON’T want that! So just type in [hc_rse_events] or highlight it and click the wee eraser icon in tinyMCE which will clear the formatting (2nd row, 6th button from the left).