Table of Contents

Dynamic Data CSS

Abby Updated by Abby

There are just a few classes for the Dynamic Data block, however, with little we can do a lot.

Autocomplete

.dropdown-item:hover{

}
.DropdownItem__Content{
}

To change the background color (or text color) of the autocomplete in Dynamic Data on hover:

Here's the code:

.dropdown-item:hover{
 background-color: lightgrey!important;
}

Font location and size in autocomplete
.DropdownItem__Content{
margin-left: 0px!important;
font-size: smaller;
}

Cards

See this example:

.InputCards__Title{
  color: green;
}

.InputCards__Description{
  color: red;
}

.InputCards__Details{
  color: blue;
}

.InputCards__HighLighted{
  color: brown;
}

.InputCards__CTA{
  color: brown !important;
  border-color: blue !important;
}

.InputCards__ArrowPrev{
  background-color: red;
}

.InputCards__ArrowNext{
  background-color: green;
}

How did we do?

CSS Customization Examples: "Minimalist" Theme

Form Block CSS

Contact