Archived topic
TABLE - ROUNDING CORNERS
1 reply · Started by Neville on July 31, 2021
https://welshbridgeunion.org
On the site homepage I have a table. I have previously rounded the corners of the table with CSS coding { border: 3px solid #b82a2a;
border-radius: 20px;
margin: 5px 0px 40px 0px;
box-shadow: 8px 8px 4px #adb4aa;
}
This gave the correct appearance until last week, after which the corners are now showing as square. The margin and shadow elements are working ok.
Is this something to do with a theme change (possibly not supporting the border-radius element). If so how do I correct it.
Tony Haworth - WBU Webmaster.
Hi there,
It looks WP updated the styles for the .wp-block-table table to change the border-collapse property.
Add this property to your CSS Rule to fix that:
border-collapse: separate !important;
