Have an issue with multiline text box width sizing

I see elsewhere that this reference below needs to be edited in the response/question/textarea.php file

<textarea name="free-text-<?php echo $item->id?>" cols="25" rows="3" class="input-xxlarge<?php echo $required;?>"

and edited to

<textarea name="free-text-<?php echo $item->id?>" cols="25" rows="3" class="form-control<?php echo $required;?>"

In searching all layouts at this reference components/com_communitysurveys/layouts that the second reference is in all
response/question/textarea.php files.

Bad enough on a 27" desktop but on a mobile/tablet it does not scale at all and basically defeats the purpose

I fuigured I'd try css changes but this isn't happening as the applicable style already says 100% width, which I figure is overridden by the  cols="25" and this CSS is coming via default from the template framework.

input, textarea {
    font-family: inherit;
    font-size: 1em;
    line-height: 2em;
    padding: 6px 12px;
    background: #c1cdc1;
    color: #143d20;
    border: 1px solid #c1cdc1;
    max-width: 100%;
    margin-bottom: 15px;
    min-height: 42px;
    border-radius: 2px !important;
}

Any other way of using CSS to format that column width so it becomes responsive?

Thanks

 

 

Like it on Facebook, Tweet it or share this topic on other bookmarking websites.
You do not have permissions to reply to this topic.
Powered by CjForum