You are viewing limited content. For full access, please sign in.

Question

Forms

Updated December 11, 2018

asked on December 11, 2018

I have a form with two fields that I have side by side. I would like the input boxes to be expanded as shown below in red.

I have tried modifying the .cf-field width to be the size I want and it moves to a new line.

My code is as follows:

0 0

Answer

SELECTED ANSWER

replied on December 11, 2018

The input fields within the .cf-field containers are percentage based, so you want to adjust those elements directly.

Try something like this:

#q29 .cf-field input {
    width:95% !important;
}

depending on your selector specificity, you may or may not need the "!important" piece.

0 0