Is there a way that I can place a color border (box) around the highlighted area on my form?
You can put a border around a specific section.
Just give it a custom class, then use that class in the CSS instead of the form ID.
For example,
.sectionBorder {
border: 1px solid blue;
}
You can use the id (#form1) or the class (.cf-form) to add a border, but it is going to take some adjustment to get exactly what you want.
#form1 {
border: 1px solid blue;
}
The title section has a lower margin, which pushes the form body down and will create a gap if you don't remove that as well.
Thanks so much. This definitely got me started. I'll keep you posted on how this goes.
Do you know if I was to place a section at the top of the form and hide it, could I then place a border around that particular section?
I'm not sure what you mean. Are you trying to get rid of the gap?
So I only want a colored box around the heading of the form. Is there a way that I can just get the border around that section. I put in the css you gave me but its putting the border around the entire form. I was wondering if I inserted a section at the top of the form but hide it, maybe I could've put in a code to wrap the boarder just around the section. If that makes sense.
You can put a border around a specific section.
Just give it a custom class, then use that class in the CSS instead of the form ID.
For example,
.sectionBorder {
border: 1px solid blue;
}
Thank you so much. I got the box the way I wanted it.