I am using SJ_WorldNews on another website and I like how you have customized the contact form. How can I accomplish that same effect with SJ_News Template?
I tried adding the CSS from the bottom of the template and it didn't work...
Contact Form in SJ_WorldNews
lagrange.treybraids-designs.com/contact-us.html
and the one currently in SJ_News
lagrangedevelopment.treybraids-designs.com/index.php/contact-us-now
This is the CSS I added at the bottom of the template.css in sj_news:
/* --------------------
Component News Feed, Contact, Weblink...
I added this CSS from SJ_WorldNews Template for the Contact Form*/
table.category thead{
background:#EEE;
}
table.category{
width:100%;
}
table.category th{
font-size:120%;
font-weight:bold;
text-transform:uppercase;
background:#EEE;
padding:8px 10px;
}
table.category tr{
border:1px solid #DDD;
}
table.category tbody tr td{
padding:5px 10px;
font-weight:normal;
}
.contact{
margin:10px 10px;
}
.panel {
border: 1px solid #DDD;
margin-top: -1px;
}
.pane-hide{
}
.contact .panel h3 {
background: #EEE;
border: 0 none;
margin: 0;
padding: 0;
}
.contact .panel h3 {
background: #EEE;
border: 0 none;
margin: 0;
padding: 0;
}
.panel h3 a {
color: #444;
display: block;
padding: 6px;
text-decoration: none;
}
.panel h3.pane-toggler-down a {
background: #F5F5F5;
border-bottom: 1px solid #DDD;
}
.jpane-slider, .pane-slider {
margin: 0;
padding: 0 15px !important;
}
.contact .panel .contact-image{
float:right;
}
.contact .panel .contact-image,
.contact .panel .contact-form form,
.contact .panel .contact-address,
.contact .panel .contact-miscinfo {
margin: 15px 0;
}
.contact .panel dl dd{
margin:0 0;
margin:0 0 10px;
}
.jicons-text,
.contact .panel .contact-form legend{
font-size:100%;
font-weight:bold;
}
.contact .panel dl dt label{
width:150px;
float:left;
margin:0 0 10px;
font-weight:normal;
}
