Table Border Color

Hi,

I'm trying to change the color of table border.

I want the border around the table to be 1px solid, black, and inside to be zero px

right now it is all 1 px solid gre, inside out

Basically, where in CSS do I control how borders look?

Example is here: http://www.coolflatroof.com/roofing-calculator.php

 

Any help?

 

Hello,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.sample table {
border: 1px solid black ! important;
}
.sample td, .sample th {
border: 0px solid #ccc ! important;
}

This will solve your issue.

 

How do I add 7px padding?

I tried the following:

Code:

.sample table {
border: 1px solid black ! important;
padding: 7px 7px 7px 7px ! important;
}

and

Code:

.sample table {
border: 1px solid black ! important;
padding: 7px 7px 7px 7px;
}

Both do not work

Also, how do I edit font styling inside tables - I want different font, color, size - how do I change it with CSS, and without using <font> tags?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content-bar.sample tbody {
border: 2px solid red;
}
.sample td {
color: blue!important;
font-size: 20px;
line-height: 35px;
font-family: harrington!important;
}
#CalcSum b {
color: blue!important;
font-size: 20px;
line-height: 35px;
font-family: harrington!important;
}
.sample td a b {
color: red!important;
font-size: 22px;
font-family: harrington!important;
}
.sample #select{
color: blue!important;
font-size: 20px;
line-height: 35px;
font-family: harrington!important;
 
}
.sample #material{
color: blue!important;
font-size: 20px;
line-height: 35px;
font-family: harrington!important;
}
.sample #slope{
color: blue!important;
font-size: 20px;
line-height: 35px;
font-family: harrington!important;
}
.sample #sky{
color: blue!important;
font-size: 20px;
line-height: 35px;
font-family: harrington!important;
}
.sample #chim{
color: blue!important;
font-size: 20px;
line-height: 35px;
font-family: harrington!important;
}
.sample #existing{
color: blue!important;
font-size: 20px;
line-height: 35px;
font-family: harrington!important;
}
.sample#difficulty{
color: blue!important;
font-size: 20px;
line-height: 35px;
font-family: harrington!important;
}

Change values as per your requirements.