WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Table is cramped

[Resolved] Table is cramped

  • CindyGoBeyond
    Member

    @cindygobeyond

    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/

Viewing 12 replies - 1 through 12 (of 12 total)
  • agelonwl
    Member

    @angelonwl

    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

    Plugin Author Marcus
    Participant

    @netweblogic

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

    .em-my-bookings table td { padding:5px 10px; }
    CindyGoBeyond
    Member

    @cindygobeyond

    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.

    caimin_nwl
    NetWebLogic Support

    @caimin_nwl

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

    CindyGoBeyond
    Member

    @cindygobeyond

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

    <table class=”custom-table”>…</table>

    CindyGoBeyond
    Member

    @cindygobeyond

    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; }

    CindyGoBeyond
    Member

    @cindygobeyond

    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>
    agelonwl
    Member

    @angelonwl

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

    Plugin Author Marcus
    Participant

    @netweblogic

    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.

    CindyGoBeyond
    Member

    @cindygobeyond

    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.

    Plugin Author Marcus
    Participant

    @netweblogic

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

    CindyGoBeyond
    Member

    @cindygobeyond

    Great. Thanks for trying to help Agelonwl.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Table is cramped’ is closed to new replies.