Table is cramped

  • Resolved cindygobeyond

    (@cindygobeyond)


    11 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/

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

    (@angelonwl)

    11 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

    Plugin Author Marcus (aka @msykes)

    (@netweblogic)

    11 years ago

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

    .em-my-bookings table td { padding:5px 10px; }
    Thread Starter cindygobeyond

    (@cindygobeyond)

    11 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.

    caimin_nwl

    (@caimin_nwl)

    11 years ago

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

    Thread Starter cindygobeyond

    (@cindygobeyond)

    11 years ago

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

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

    Thread Starter cindygobeyond

    (@cindygobeyond)

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

    Thread Starter cindygobeyond

    (@cindygobeyond)

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

    (@angelonwl)

    11 years ago

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

    Plugin Author Marcus (aka @msykes)

    (@netweblogic)

    11 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.

    Thread Starter cindygobeyond

    (@cindygobeyond)

    11 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.

    Plugin Author Marcus (aka @msykes)

    (@netweblogic)

    11 years ago

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

    Thread Starter cindygobeyond

    (@cindygobeyond)

    11 years ago

    Great. Thanks for trying to help Agelonwl.

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