|
worldlegacy
|
May 5, 2016 at 6:44 pm
Hi, I using the [ESPRESSO_EVENTS_TABLE_TEMPLATE template_file=’espresso-events-table-template-toggle.template.php’] configuration. It was working fine in a widget next to the espresso calendar. Now, all of a sudden, it is writing over the calendar and I’m not sure why. Using Avada theme, wp 4.5.1
http://www.worldlegacy.com/schedule/
|
|
Tony
|
May 6, 2016 at 2:13 am
Hi there,
The Event Table template was not designed to be used within a widget within such a small space. The table uses percentages for width so it will flow depending on the size of the text and the amount of text.
Currently the table cells are as narrow as they can be with the current text size, this may look a little strange, but if you look here – http://take.ms/HBGbI
The event title has each word on a single line it can’t wrap those any more without breaking the text. Each of the elements are as small as they can be with the current font size.
So to fit the table within the widget you’ll need to change the font size, you can use something like:
#ee_filter_table {
font-size: .4em;
}
But you will likely want to wrap that within a media query and set something different for smaller screens.
|
|
worldlegacy
|
May 6, 2016 at 3:36 pm
Using the template_file=’espresso-events-table-template-toggle.template.php removes the venue, date, and description columns, so it does fit. Font size was not the problem. The problem was it would stop hiding the columns for some unknown reason. That’s what I’m trying to figure out. Maybe it doesn’t work in Widgets?
|
|
worldlegacy
|
May 6, 2016 at 3:37 pm
If I wanted to change the font, where does that css code go? In the Widget?
|
|
Tony
|
May 9, 2016 at 1:41 am
Using the template_file=’espresso-events-table-template-toggle.template.php removes the venue, date, and description columns, so it does fit. Font size was not the problem. The problem was it would stop hiding the columns for some unknown reason. That’s what I’m trying to figure out. Maybe it doesn’t work in Widgets?
Apologies, you’re right.
The problem with the template that was loading at the time was the font size, but that template should not have been loading.
We found a lot of users using styles single or double quotes within the editor when adding shortcodes which caused problems. Currently your using:
[ESPRESSO_EVENTS_TABLE_TEMPLATE template_file=’espresso-events-table-template-toggle.template.php’]
You do not need the single quotes around the template name as it does not contain spaces, so change that to be:
[ESPRESSO_EVENTS_TABLE_TEMPLATE template_file=espresso-events-table-template-toggle.template.php]
If I wanted to change the font, where does that css code go? In the Widget?
When you want to change CSS it is much better to override the current CSS and add you additional styles than to edit the code to change the default styles.
We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles.
|
|
worldlegacy
|
May 18, 2016 at 10:53 am
FYI…Your documentation has single quotes, https://eventespresso.com/wiki/events-table-view-template-add-on/.
I tried it without the quotes and it still did not work in a widget. Me using quotes in other places, does not make a difference.
|
|
worldlegacy
|
May 18, 2016 at 11:44 am
Your css was helpful. Now I need to change the…
1. background to white
2. the header to white
3. the mouseover row color to gray
|
|
Lorenzo Orlando Caum
|
May 18, 2016 at 1:51 pm
Hello,
Here is an example of how to change the styling for the events table view template:
https://eventespresso.com/topic/change-background-of-header-on-table-grid/#post-184746
—
Lorenzo
|
|
worldlegacy
|
May 18, 2016 at 3:32 pm
That works great! Except for the hover, which is still yellow/flesh color. Can that be a dark gray?
|
|
Lorenzo Orlando Caum
|
May 19, 2016 at 5:03 am
Sure, could you share a link to the page with the events table view template so we can share some updated CSS for making that change?
—
Lorenzo
|
|
worldlegacy
|
May 19, 2016 at 9:46 am
Sure, http://legacycentergrads.org/wordpress/calendar/.
|
|
Josh
|
May 19, 2016 at 11:51 am
You can change the background color of those table rows when they’re hovered over by adding some CSS like this:
.footable > tbody > tr:hover {
background-color: #a9a9a9 !important;
}
|
|
worldlegacy
|
May 23, 2016 at 12:01 pm
Thank you, that works.
|
|
Josh
|
May 23, 2016 at 2:39 pm
You’re welcome.
|
