Modifying shortcode output design

  • Resolved fdittmar

    (@fdittmar)


    4 months, 1 week ago

    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:

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

    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

    (@j_3rk)

    You can try using below css for styling

    .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

    (@fdittmar)

    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)
  • You must be logged in to reply to this topic.