WordPress.org

Forums

Events Manager
[resolved] Table is cramped (13 posts)

  1. CindyGoBeyond
    Member
    Posted 2 years ago #

    Using U-Design. Cannot provide a link because you need to be logged-in to see. Here is a link to a screenshot of the problem.
    Thanks!
    C.
    http://inneralcove.com/wp-content/uploads/2013/04/tmp.jpg

    Here is the source code rendered:

    <div id="content-container" class="container_24">
        <div id="main-content" class="grid_16 push_8">
    	<div class="main-content-padding">
    		<div class="post" id="post-528">
    		    <div class="entry">
    <div id="em-wrapper"><h1>Your RSVPs for Events</h1>
    <p>		<div class='em-my-bookings'>
    								<div class="clear"></div>
    								<div class='table-wrap'>
    				<table id='dbem-bookings-table' class='widefat post fixed'>
    					<thead>
    						<tr>
    							<th class='manage-column' scope='col'>Event</th>
    							<th class='manage-column' scope='col'>Date</th>
    							<th class='manage-column' scope='col'>Spaces</th>
    							<th class='manage-column' scope='col'>Status</th>
    							<th class='manage-column' scope='col'>&nbsp;</th>
    						</tr>
    					</thead>
    					<tbody>
    														<tr>
    									<td><a href="http://inneralcove.com/events/teleclass-2013-04-25/" title="TeleClass">TeleClass</a></td>
    									<td>25/04/2013</td>
    									<td>6</td>
    									<td>
    										Approved									</td>
    									<td>
    										<a class="em-bookings-cancel" href="/events/my-bookings/?action=booking_cancel&booking_id=3&_wpnonce=82c6393184" onclick="if( !confirm(EM.booking_warning_cancel) ){ return false; }">Cancel</a>									</td>
    								</tr>
    													</tbody>
    				</table>
    				</div>
    									</div>

    http://wordpress.org/extend/plugins/events-manager/

  2. agelonwl
    Member
    Posted 2 years ago #

    this might be a theme/css issue; you can try to inspect those using firebug or chrome to get it's css class or id name then add table padding or margin

  3. Marcus
    NetWebLogic Support
    Plugin Author

    Posted 2 years ago #

    it'd be a case of adding CSS, a very basic example:

    .em-my-bookings table td { padding:5px 10px; }
  4. CindyGoBeyond
    Member
    Posted 2 years ago #

    Thanks Marcus...sorry, adding to what file? Cannot find any events.css via WordPress. I can FTP and edit using DW if I can be directed to the filename and location. Thanks again.

  5. caimin_nwl
    NetWebLogic Support
    Posted 2 years ago #

    You can add it to the styles.css file that's within theme folder.

  6. CindyGoBeyond
    Member
    Posted 2 years ago #

    I would prefer the template's lovely formatting for tables to be applied...They use straight HTML...

    <table class="custom-table">...</table>

  7. CindyGoBeyond
    Member
    Posted 2 years ago #

    Is this your .css code for the My Bookings? (I cannot find em-my-bookings in events-manager.css).

    /* Bookings Table */
    		.em_obj { position:relative; }
    		.em_obj .table-wrap { clear:left; padding-top:5px; }
    		.em-bookings-table .em-bookings-table-export, .em-bookings-table .em-bookings-table-settings { float:left; display:block; margin:2px 5px; width:25px; height:25px;  }
    		.em-bookings-table .em-bookings-table-export { background:url(../images/csv.png) 0px 0px no-repeat; }
    		.em-bookings-table .em-bookings-table-settings { background:url(../images/settings.png) 0px 0px no-repeat; }
  8. CindyGoBeyond
    Member
    Posted 2 years ago #

    Your code did not work in the theme's style.css...
    Firebug reveals this (any more clues? I cannot find "<table id="dbem-bookings-table" class="widefat post fixed"> anywhere):

    div id="content-container" class="container_24">
    <div id="main-content" class="grid_16 push_8">
    <div class="main-content-padding">
    <div id="post-528" class="post">
    <div class="entry">
    <div id="em-wrapper">
    <h1>Your RSVPs for Events</h1>
    <p>	</p>
    <div class="em-my-bookings">
    <div class="clear"></div>
    <div class="table-wrap">
    <table id="dbem-bookings-table" class="widefat post fixed">
    <thead>
    <tbody>
    <tr>
    <td>
    <td>25/04/2013</td>
    <td>1</td>
    <td> Approved </td>
    <td>
    </tr>
    </tbody>
    </table>
  9. agelonwl
    Member
    Posted 2 years ago #

    do you have a sample link for us to see and analyze?

  10. Marcus
    NetWebLogic Support
    Plugin Author

    Posted 2 years ago #

    a link may help but there's only so much we can do, i gave a pretty basic example, you may need to hire a designer to help you with adding extra CSS styling, e.g. more specific CSS selectors.

  11. CindyGoBeyond
    Member
    Posted 2 years ago #

    It is a membership site...you'd have to login so I can't do that here. Too bad you didn't include better formatting/options in the plugin. Otherwise, it rocks.

  12. Marcus
    NetWebLogic Support
    Plugin Author

    Posted 2 years ago #

    we'll certainly consider adding stuff like that in the future when time permits

  13. CindyGoBeyond
    Member
    Posted 2 years ago #

    Great. Thanks for trying to help Agelonwl.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Events Manager
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic