HTML & CSS Rounded Corners and Border for Table

[riverofwind]

Hi I am trying to do something very simple however nothing ever seems to be simple for me… or perhaps for everybody? I just want a rounded corner box with a background color around my tables in the linked page (only the bottom 3 features are currently in tables). I am currently just trying to get the rounded box as a first step however I can’t seem to get it to behave. I added the following to Custom CSS for SiteOrigin CSS plugin. I tried with and without the first-child and last-child blocks out of desperation… Here is the page:

New Features Vote |

Vote for features on the drawing board here.

www.buddhabackup.com

.featurevotetable {  overflow:hidden !important;  border:solid black 1px !important;  border-radius:10px !important;  width: auto !important; }
.featurevotetable tr:first-child {    border-radius: 6px 0 0 0;    -moz-border-radius: 6px 0 0 0;    -webkit-border-radius: 6px 0 0 0; }
.featurevotetable tr:last-child {    border-radius: 0 6px 0 0;    -moz-border-radius: 0 6px 0 0;    -webkit-border-radius: 0 6px 0 0; }

 

[BGB]

You have lots of css files, it is not possible to find this class. In which css file it's border is implemented. I could not find the file.

 

[riverofwind]

Thanks BGB. I actually figured it out. The problem was the border-collapse property. I had it set to collapse and changing it to unset fixed the problem.