Title: Modifying shortcode output design
Last modified: July 21, 2024

---

# Modifying shortcode output design

 *  Resolved [fdittmar](https://wordpress.org/support/users/fdittmar/)
 * (@fdittmar)
 * [1 year, 10 months ago](https://wordpress.org/support/topic/modifying-shortcode-output-design/)
 * Has anyone here (a bit more techie than me) modified the output of `[zoom_recordings_by_meeting
   meeting_id="1234567890" downloadable="no"]` yet and cares to share?
 * I believe the code is in here:
 *     ```wp-block-code
          <table class="responsive vczapi-recordings-by-meeting-id-table">        <thead>        <tr>            <th><?php _e( 'Recording Date', 'video-conferencing-with-zoom-api' ); ?></th>            <th><?php _e( ' Duration ', 'video-conferencing-with-zoom-api' ); ?></th>			<?php if ( $passcode ) { ?>                <th><?php _e( 'Passcode', 'video-conferencing-with-zoom-api' ); ?></th>			<?php } ?>            <th><?php _e( ' Size ', 'video-conferencing-with-zoom-api' ); ?></th>            <th><?php _e( ' Action ', 'video-conferencing-with-zoom-api' ); ?></th>        </tr>        </thead>        <tbody>
       ```
   
 * ![](https://i0.wp.com/i.ibb.co/GCJZ39J/zoom-rec.jpg?ssl=1)
 * and my output ain’t very pretty, is it… just some simple spacing fixes would 
   be great… Thanks Frank

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Deepen Bajracharya](https://wordpress.org/support/users/j_3rk/)
 * (@j_3rk)
 * [1 year, 10 months ago](https://wordpress.org/support/topic/modifying-shortcode-output-design/#post-17906825)
 * You can try using below css for styling
 *     ```wp-block-code
       .vczapi-recordings-by-meeting-id-table {  border-collapse: collapse;  width: 100%;}.vczapi-recordings-by-meeting-id-table td, #customers th {  border: 1px solid #ddd;  padding: 8px;}.vczapi-recordings-by-meeting-id-table tr:hover {background-color: #ddd;}.vczapi-recordings-by-meeting-id-table th {  padding-top: 12px;  padding-bottom: 12px;  text-align: left;  background-color: #04AA6D;  color: white;}
       ```
   
 *  Thread Starter [fdittmar](https://wordpress.org/support/users/fdittmar/)
 * (@fdittmar)
 * [1 year, 10 months ago](https://wordpress.org/support/topic/modifying-shortcode-output-design/#post-17907139)
 * Works nicely. I’m very grateful and am hopefully learning myself by doing this.
 * Great support.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Modifying shortcode output design’ is closed to new replies.

 * ![](https://ps.w.org/video-conferencing-with-zoom-api/assets/icon-128x128.png?
   rev=3133950)
 * [Video Conferencing with Zoom](https://wordpress.org/plugins/video-conferencing-with-zoom-api/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/video-conferencing-with-zoom-api/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/video-conferencing-with-zoom-api/)
 * [Active Topics](https://wordpress.org/support/plugin/video-conferencing-with-zoom-api/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/video-conferencing-with-zoom-api/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/video-conferencing-with-zoom-api/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [fdittmar](https://wordpress.org/support/users/fdittmar/)
 * Last activity: [1 year, 10 months ago](https://wordpress.org/support/topic/modifying-shortcode-output-design/#post-17907139)
 * Status: resolved