Support

February 20, 2014 at 4:44 am

Hi,

The directory is wp-content/plugins/espresso-template-calendar-table

If the Plugin Josh made does not work to remove the extra buttons (and it should in 99% of cases) then the only resolution would be to edit the theme to make it work.

Regarding the font size, add the following to your themes style.css or even better to a plugin like My Custom CSS, and just change the 14px to another number.

.cal-table-list .event-title a {
font-size: 14px;
}

February 20, 2014 at 10:10 pm

Just add this under the “font-size” code Dean posted above:
font-weight:bold;

February 20, 2014 at 10:30 pm

Hi Eric,

Initially, I tried this in Developer tools:

.th-event-info, .th-tickets {display:none}

However, that caused your register button to shrink.

Another idea is to set the font to match the background so its not visible:

.th-event-info, .th-tickets {color:#FFFFFF}

—
Lorenzo

February 21, 2014 at 2:44 am

To remove ‘Band / Artist’ you could use:

.cal-table-list .cal-header {
color: #fff;
}

It seems you don’t need the cal-header row at all? If you don’t mind editing a little php/html you can modify the template to remove the full row if you prefer.

Just open espresso-template-calendar-table/index.php, on lines 94-97 you should see:

<tr class="cal-header">
	<th><?php echo !isset($show_featured) || $show_featured === 'false' ? __('Date','event_espresso') :  '' ?></th>
	<th class="th-event-info"><?php if(isset($change_title)) { echo $change_title; } else { _e('Band / Artist','event_espresso'); } ?></th>
	<th class="th-tickets"><?php _e('Tickets','event_espresso'); ?></th>
</tr>

Simply remove it, save the template & reload the page. Now you’ll notice the same issue Lorenzo did with the Register Now image shrinking.

Add:

.cal-table-list .td-event-register {
min-width: 90px;
}

To your CSS to fix it.

February 24, 2014 at 5:35 am

The problem is caused by this rule within your themes style.css file:

media="all"
img, .wp-caption {
display: inline-block;
max-width: 100%;
height: auto;
border: none;
}

Which basically states ANY img within the site can only be as size as its parent.

Using Chrome Dev Tools to remove

max-width: 100%;

Displays the image correctly http://take.ms/MLExS

I would advise to contact the theme developer to fix this.

February 27, 2014 at 5:22 am

Hi Eric,

You might also need to add a parent container ID or class to the above style rules as well. This will increase the specificity.

February 27, 2014 at 3:46 pm

Normally you find a parent element with an ID with Firebug or the web inspector.

On the theme that’s on your site, it has a div with an ID of page-post, so you add #page-post followed by a space like this:

#page-post .cal-table-list td {
border-top: 2px solid #888888 !important;	
}

#page-post .cal-table-list {
border-collapse: collapse;
}

#page-post .cal-table-list tr:first-of-type td {
border: 0!important;
}

That should do if, but if it doesn’t, you’ll need to apply those styles either inline with something like the my custom CSS plugin or add them to the end of the calendar table template’s stylesheet. If you place them in the theme’s stylesheet they could get overridden.

March 4, 2014 at 12:32 am

Hi,

It pulls the data from the venue, so you would need to add a venue via the Venue Manager and then apply that to the event itself.

To remove it would require a template edit, remove these two lines from the espresso-template-calendar-table/index.php:

<?php _e('Where:', 'event_espresso'); ?>
<?php echo stripslashes_deep($event->venue_address.', '.$event->venue_city.', '.$event->venue_state); ?><br />