In addition to editing the colors, logos, and icons in the Hydrogen no-code applications, you can edit the CSS in the No-Code App. This can be done through our no-code editor. Let's take a look at an example from the Card Issuance component:
In this graphic below, we show what the style sheet of the Card Issuance component looks like in the Google Chrome inspect view. As you can see, you can change the margin, padding, fonts, heights, colors, etc.
When you use the Custom CSS feature (found on the app configuration dropdown menu on all Hydrogen components), you can change the style sheet that we show above. Here is what a blank slate looks like:
We can edit the CSS classes in this editor, like the below. Please make sure you use the same names of the CSS classes that are found in the Chrome inspect view:
Make sure you use a "}" at the end of each class. Once we save these changes and preview the changes in the Card Issuance component, this is what the component will now look like: