• Resolved heymrdj27

    (@heymrdj27)


    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 to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Design Extreme

    (@designextreme)

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

    .opening-hours table th,
    .opening-hours table td {
    	padding: 0.1rem 0;
    	border: 0 none;
    }
    Thread Starter heymrdj27

    (@heymrdj27)

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

    (@designextreme)

    @heymrdj27 In your case, you can be more specific and use this in the footer:

    #footer .opening-hours table th,
    #footer .opening-hours table td {
    	padding: 0.1rem 0;
    	border: 0 none;
    }
    Thread Starter heymrdj27

    (@heymrdj27)

    Still didnt work for me ?? sorry

    Plugin Author Design Extreme

    (@designextreme)

    @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

    (@heymrdj27)

    I’ve commented out the code that works and added yours as suggested

    Plugin Author Design Extreme

    (@designextreme)

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

    .opening-hours th,
    .opening-hours td {
    	padding: 0.1rem 0;
    	border: 0 none;
    }
    • This reply was modified 1 year, 12 months ago by Design Extreme. Reason: Corrected CSS
    Thread Starter heymrdj27

    (@heymrdj27)

    Added as per your instruction but doesnt seem to work ??

    Plugin Author Design Extreme

    (@designextreme)

    @heymrdj27 The reply was edited shortly after posting (so check this if you used the email notification text).

    Otherwise, this will be more specific:

    #footer .opening-hours th,
    #footer .opening-hours td {
    	padding: 0.1rem 0;
    	border: 0 none;
    }
    Thread Starter heymrdj27

    (@heymrdj27)

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

    (@designextreme)

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