Title: Reduce Vertical Padding
Last modified: March 4, 2023

---

# Reduce Vertical Padding

 *  Resolved [heymrdj27](https://wordpress.org/support/users/heymrdj27/)
 * (@heymrdj27)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/)
 * How can I reduce the vertical padding between the days? to tighten up the widget
   size to be the same height as the other 2 footer widgets? And also remove the
   border?
 * Thank you
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Freduce-vertical-padding%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * (@designextreme)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16528007)
 * [@heymrdj27](https://wordpress.org/support/users/heymrdj27/) This is set within
   the theme itself and not the plugin.
 * However, it is easy enough to fix by adding your own custom CSS, here’s a suggestion
   based on your design there:
 *     ```wp-block-code
       .opening-hours table th,
       .opening-hours table td {
       	padding: 0.1rem 0;
       	border: 0 none;
       }
       ```
   
 *  Thread Starter [heymrdj27](https://wordpress.org/support/users/heymrdj27/)
 * (@heymrdj27)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16529154)
 * Hi, thank you unfortunately that didnt work for some reason, the below did but
   will this effect any other tables as its not referencing opening hours? would
   that be right?
 * table th, table td {
   text-align: inherit;text-align: -webkit-match-parent;padding:
   var(–wpex-table-cell-padding, 5px 1em);border: 1px solid var(–wpex-table-cell-
   border-color);}
 *  Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * (@designextreme)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16529246)
 * [@heymrdj27](https://wordpress.org/support/users/heymrdj27/) In your case, you
   can be more specific and use this in the footer:
 *     ```wp-block-code
       #footer .opening-hours table th,
       #footer .opening-hours table td {
       	padding: 0.1rem 0;
       	border: 0 none;
       }
       ```
   
 *  Thread Starter [heymrdj27](https://wordpress.org/support/users/heymrdj27/)
 * (@heymrdj27)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16529481)
 * Still didnt work for me 🙁 sorry
 *  Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * (@designextreme)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16529523)
 * [@heymrdj27](https://wordpress.org/support/users/heymrdj27/) I cannot see this
   CSS loaded into the page. Are you sure that you’ve added this somewhere where
   it can be loaded? If you’re using caching software, remember to clear this as
   well.
 *  Thread Starter [heymrdj27](https://wordpress.org/support/users/heymrdj27/)
 * (@heymrdj27)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16531293)
 * I’ve commented out the code that works and added yours as suggested
 *  Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * (@designextreme)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16531979)
 * [@heymrdj27](https://wordpress.org/support/users/heymrdj27/) Apologies, I realise
   that I made a mistake with the CSS here – the class “opening-hours” is part of
   the table element. So, just use this:
 *     ```wp-block-code
       .opening-hours th,
       .opening-hours td {
       	padding: 0.1rem 0;
       	border: 0 none;
       }
       ```
   
    -  This reply was modified 3 years, 3 months ago by [Noah Hearle](https://wordpress.org/support/users/designextreme/).
      Reason: Corrected CSS
 *  Thread Starter [heymrdj27](https://wordpress.org/support/users/heymrdj27/)
 * (@heymrdj27)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16533471)
 * Added as per your instruction but doesnt seem to work 🙁
 *  Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * (@designextreme)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16533537)
 * [@heymrdj27](https://wordpress.org/support/users/heymrdj27/) The reply was edited
   shortly after posting (so check this if you used the email notification text).
 * Otherwise, this will be more specific:
 *     ```wp-block-code
       #footer .opening-hours th,
       #footer .opening-hours td {
       	padding: 0.1rem 0;
       	border: 0 none;
       }
       ```
   
 *  Thread Starter [heymrdj27](https://wordpress.org/support/users/heymrdj27/)
 * (@heymrdj27)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16533575)
 * Worked a treat thank you for your diligence, just a thought but might be nice
   to have this padding changeable in the plugin?
 * Thank you for your time and diligence inn helping me
 *  Plugin Author [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * (@designextreme)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16533799)
 * [@heymrdj27](https://wordpress.org/support/users/heymrdj27/) If you use the shortcode,
   please check out the HTML classes section in the Shortcodes tab. I’ve put a flush
   and no border version in there. It doesn’t cover the vertical padding though.

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

The topic ‘Reduce Vertical Padding’ is closed to new replies.

 * ![](https://ps.w.org/opening-hours/assets/icon.svg?rev=2706372)
 * [We’re Open!](https://wordpress.org/plugins/opening-hours/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/opening-hours/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/opening-hours/)
 * [Active Topics](https://wordpress.org/support/plugin/opening-hours/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/opening-hours/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/opening-hours/reviews/)

## Tags

 * [size](https://wordpress.org/support/topic-tag/size/)
 * [style](https://wordpress.org/support/topic-tag/style/)

 * 11 replies
 * 2 participants
 * Last reply from: [Noah Hearle](https://wordpress.org/support/users/designextreme/)
 * Last activity: [3 years, 3 months ago](https://wordpress.org/support/topic/reduce-vertical-padding/#post-16533799)
 * Status: resolved