Seeking guidance as a novice in this area and grateful for any help.
I have utilized a form building tool (Granicus/Firmstep forms) to create a form, but I am struggling with the CSS to achieve the desired layout. While I can design the form exactly as I want using HTML, the application does not recognize the fields when built with HTML. Entries are only populated if the form is constructed using the field selector within the tool.
To get an idea of what I am aiming for, you can refer to this example where I followed the advice provided in the mentioned question.
This is the visual representation of my goal:
https://i.sstatic.net/ZWaan.jpg
Although I can assign custom classes to the fields, I am facing difficulty in targeting the correct fields through CSS to display them as depicted in the reference link above.
The objective is to have 4 text areas aligned side by side. Each text area should have a radio button above it with 'yes' and 'no' options. A label appears on top of the buttons.
Since there will be multiple sets of questions, the CSS needs to accurately target each set.
The generated HTML code for the fields on the page without any CSS applied is displayed below. Modifying the HTML is not an option; only CSS can be added to style the fields. Manual coding of CSS is required since there is no provision for injecting CSS via a custom editor.
On a separate note, I am curious if it's possible to add a placeholder using CSS?
[Insert the large chunk of HTML code here]