W3.CSS define your own colors

How can I define my own colors in the W3.CSS design?

In W3.CSS forms the colors can be defined by preselection.

This results, for example, in a fixed background color:

The color can be overridden with CSS in the advanced form settings:


In the example we overwrite the color for “w3-dark-grey”. We can set the foreground color and the background color.

<style type="text/css">
.w3-dark-grey {
    color:#fff!important; background-color:#FF0000!important;

This ensures that the original color is overwritten. The new color is retained even if the export is repeated.


Leave a Reply

Your email address will not be published. Required fields are marked *