How do i change the format of text/input boxes in my form?
dapperdann said 1 year ago:
I want to make the text/input boxes square, smaller and closer together. I also want to make the font in the box bigger. I’ve tried different .css code, but nothing seems to work.
Here’s a link to the form:
http://www.johnscarpetclean.com/index-4.html#quote
My .css code:
.Data_Central_Title {
display: none;
}
.Data_Central_Widget{
background: transparent;
border: none;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
float: left;
}
.Data_Central_Root_Container{
background: transparent;
border: none;
}
.Data_Central_Content{
max-height: none;
height: auto;
background: transparent;
border: none;
}
.Data_Central_Form_Container{
background-color: transparent;
border: none;
}
.Data_Central_Control{
background-color: transparent;
border: none;
}
Data_Central_Control_label{
display: none;
}
.Data_Central_Control_Required{
color:#F90;
}
.Data_Central_Button{
font-size:14px;
text-align:center;
}
.Data_Central_Row {
background-color: transparent;
border: none;
}
nathantf said 1 year ago:
@dapperdan
You could use attribute selectors for styling forms without classes or ID. An example is below:
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
}
Nathan
dapperdann said 1 year ago:
After further testing for the multicolumn code, it does work in Explorer or Firefox.
2 min expected wait time