Jump to content

Review Checkbox field


TomH

Recommended Posts

Okay I have added a checkbox field to reviews with one item that is required.

 

It's basically a disclaimer for the user that they need to check before they can submit a review.

 

The problem is that the text for this check box is long and it pushes the whole page wider and it doesn't wrap.

 

I would like the label text to wrap for the check box. Here is the main class that affects the label:

.jrForm .jrFieldDiv .jrFieldOption label {
	display: inline !important;
	margin: 0 5px 0 3px;
	cursor: pointer;
}

I have come up with something like this (and tried several variations) but it is not working:

.jrdisclaimer label[for=jr_disclaimer_y] { 
 display: inline-block !important;
 max-width: 200px; 
 word-wrap: break-word
}

For one thing the display !important in the first code block seems to override mine. If i disable this line using firefox developer tools the screen size is back to normal but my text is still on one line and it gets cut off. It doesn't word wrap.

 

Any idea on how to fix this?

Link to comment
×
×
  • Create New...