Layout problem with second row

Hey guys,

I'm using the newest version of Chronoforms. I got a problem with the layout (group checkboxes!) as u can see in the picture.

Any ideas?

Why is the second row not in a line?

best wishes, B.

Hi Chigolo69,

Impossible to tell from the pictures :-( What do you see when you check the page HTML and CSS - it's going to be something there.

Bob

Good question, I'm not a pro, so twhere do I have to look? Can I send you the files?

Hi Chigolo69,

Please post a link to the form so I can take a quick look.

Bob

Thx, great!

Here is the link: http://www.benny-braun.de/online-planerstellung/content/online-planerstellung

Hi Chigolo69,

This appears to be a problem caused by this CSS - specifically the width setting - in your template joomla.css file around line 11:

input, select, textarea, .inputbox {
    border: 1px solid #7B7259;
    font-family: Arial,Helvetica,sans-serif;
    padding: 6px;
    width: 280px;
}

Bob

Thx Bob. So what do I have to change? I'm trying to change it to 200px or 400px, but same problem as before. How ca I get the second row lined up?

Hi Chigolo69,

I'd probably remove the width setting for the inputs in the form by over-writing it using a Load CSS action in the form.

Bob

Sorry, but I don't know how to make it this way. What do I have to do?

Can you help me? How can I make an overwrite?

Hi Chigolo69,

Please see this FAQ

Bob

So I've just installed Load_action_css, waht do I have to do now? Sorry for the questions but I've nerver made something liek this before...

Hi Chigolo69,

You probably need to find help from someone with more CSS and HTML experience; or you can go to W3Schools and check the CSS tutorials there.

Bob

Yeah, thx.
So is it difficult to fix the problem? I've copied the joomla.css and deleted the "wide" Tag and saved the file as a new one. So what do I have to write in the Wizard by CSS? I want to load the new joomla.css file in Chronoforms.