Exercise 7: Styling Webforms with CSS Classes | Scribe

    Exercise 7: Styling Webforms with CSS Classes

    • Riley Skipper |
    • 0 step |
    • 2 minutes
    Click "Structure"
    Click "Webforms"
    Click "Build" on your webform.
    Click "Edit" on the "Section" field. We want to add some custom styling to this field.
    Click "Advanced"
    Click "Element attributes" to expand.
    Click "custom…"
    Click the "Enter custom classes…" field.
    Type "bg-gold" to make the background of the section field a golden yellow.
    Save.
    Save elements.
    Click "View"
    "Section" field is now yellow.
    Scroll back up and click "Build" to edit.
    Click "Edit" on "Section" field. We want to add some padding around the background and text.
    Click "Advanced"
    Click the "Enter custom classes…" field.
    Beside "bg-gold", add "p-3". This gives the element some medium padding.
    Click "Title attributes"
    Click the "Title CSS classes" field.
    This Scribe is in tip-top shape!Leave feedback if there are any issues with this Scribe