This line in your theme’s css is causing you the issue:
#maincontent input,#maincontent select
{
border: none;
border:1px solid #000;
font-size :12px;
margin-bottom: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 190px;
padding: 5px;
}
It’s that width: 190px;. That works fine for an input, but not for a select. If you made this edit, you should undo it. If not, you should bring it up with your theme designer.
In the meantime, add this code to your cusotm css:
#maincontent input[type="radio"] {
width: 10px;
}
Let us know if that works for you.
@kjodle It definitely worked and I could cry. I spent quite some time on google, but that was not helpful. This community is amazing. How did you know how to choose “maincontent” and the width?
Would you mind if I ask one more question?
When I enter the city, complete the rest of the form and click send, upon receiving the test email it does not have the selected city but rather my work email. Any way you could determine why it would do this?
How did you know how to choose “maincontent” and the width?
Mainly by trial and error and lots of googling. (I have a bachelor’s degree from the University of Google and a master’s degree from StackExchange University.) Also, I used developer’s tools (usually F12 gets you there; at least it does in Chromium on Ubuntu, which is what I use), which will let you try out code on the fly. I admit, it sometimes takes a bit to figure it out.
Any way you could determine why it would do this?
That I’m not sure about. You might want to ask whoever developed that form for you. (If it’s a plugin, ask in that plugin’s dedicated support forum.)
Very glad I could help. 🙂
@kjodle I have always been fascinated by the IT world. When I started working as the front desk-office coordinator here, I never imagined it would morph into a position where I became the on-site IT tech. Lol. I have always been fairly good at putting things together and figuring things out, which contributed to me being the go-to. And it wasn’t until working here, that I got to dive into the html/css world (still learning the correct terms). It was a consensus throughout the office that our website developer was too costly (we are a nonprofit) and so we would cease tech assistance requests. However, the website still needed to be updated and tweaked every now and again. So slowly but surely I have been teaching myself and taking some classes, but there are things I can’t do nor figure out by myself and that is why again, I am so glad this support community exists!
For the contact form issue, I figured out that I was not putting the ‘_raw_’ portion before ‘your-city.’ Woo hoo!
All right! Glad you figured that out.
A good attitude goes a long way toward learning these things, and you are right on track. Very glad I could help. Let us know if you need anything else. I’m always glad to help someone with a can-do attitude, and I love helping non-profits, whose IT budgets are often meager or non-existent. (I used to teach in the public schools, so I understand how difficult the lack of a budget can be.)
