CSS Gradient Bank

CSS Gradient Bank

Discover a carefully curated collection of beautiful CSS gradients. Copy the code or download it directly!

Chauds (45)

Froids (52)

Pastel (38)

Sombres (25)

Vibrants (20)

CSS copié dans le presse-papiers !
`;

First Method:
Add CSS via the Customizer

WordPress comes with an easy built-in way to add custom CSS (Cascading Style Sheets) in the Customizer.
To add custom CSS markup, go to your WordPress admin, and Appearance > Customize.
Click on the Additional CSS section, place your custom CSS code in the text area, and hit Publish.

kadence wordpress How do I add Custom CSS
kadence wordpress How do I add Custom CSS
kadence wordpress How do I add Custom CSS

Second Method:
Custom CSS in Block Settings

Custom CSS: Add CSS directly inside the Section Block using this Block Setting. Click on the Edit in Modal button above the Selector to view the CSS in a larger popup modal. Use the Selector rule to change the Section Block Styles when using Custom CSS.
For example:

selector {
color: #ffff;
}

kadence wordpress How do I add Custom CSS
kadence wordpress How do I add Custom CSS

Third Method:
Add and Preview Code in a Custom Block

Best for advanced users who want full control using a code block.
How-to:

  • Add a Code Block in your editor (Gutenberg or compatible plugin).
  • Insert your CSS code directly inside.
  • Preview changes live in the editor.
  • Ideal for scoped or experimental styles.
kadence wordpress How do I add Custom CSS