This article provides an overview of a CSS snippets components and how they are used to style elements on a Youreka form.
Before you get started
This article might be helpful before you read further:
CSS syntax is comprised of selectors, properties, and values. A selector allows you to target an element that you would like to style. A selector is followed by a declaration block which stores one or more declarations and is surrounded by curly braces. Each declaration includes a CSS property and value separated by a colon and ended with a semi colon.
In the above example, we have targeted a specific element on a Youreka form, form input boxes, to change their text color.
- .slds-scope and .slds-input are classes for the element we are targeting in the selector.
- color is a property, and Red is the property value
- To change to a different text color for this CSS snippet, you would only need to change the property value to the desired color (i.e. Blue or any hex color value)
For more information about CSS syntax: https://www.w3schools.com/css/css_syntax.asp
For more information about CSS selectors: https://www.w3schools.com/css/css_selectors.asp