Crow Canyon Software Forum

Crow Canyon User Community ForumNITRO Studio: Forms DesignerSimple CSS question

Please or Register to create posts and topics.

Simple CSS question

#1 · May 15, 2023, 7:28 pm

I've looked at the sample CSS help topic which dives in at the deep end with some complex CSS.
My task is much simpler: reduce the width of a single text box.
My textbox name is: CurWeekTotal and I have added this CSS via the custom CSS feature

.CurWeekTotal {width:50px;}

But nothing happens. Is the issue with my CSS or does Nitro need something else added?

#2 · May 19, 2023, 4:43 pm

Hi @jay,

Please navigate to NITRO Forms designer for the list --> Expand ‘Advanced’ section (from left hand panel) --> Custom CSS --> Specify custom CSS as shown below (please refer the attached file) --> Click Ok --> Publish the NITRO Forms.

Custom CSS:

input#ccs_control_Name.form-control {width: 50%;}

Note: Please replace ‘Name’ with internal name of the single line of text column in above CSS.

Uploaded files:

#3 · May 22, 2023, 11:44 pm

Perfect thanks