Custom CSS for C+ Content Styler?

Good morning Birgitte,
Thank you for asking this question. I understand you asked for an example of custom CSS for Creator+/Contentstyler:

To get started with custom CSS in Brightspace's Creator+, you can use the Content Styler tool to modify the default styles. Here’s a basic example of what a custom CSS file might look like:

/* Custom CSS for Brightspace Creator+ */

body {

    font-family: 'Arial', sans-serif;

    background-color: #f4f4f4;

}

h1, h2, h3 {

    color: #333;

    font-weight: bold;

}

.custom-button {

    background-color: #007bff;

    color: white;

    padding: 10px 20px;

    border: none;

   border-radius: 5px;

    cursor: pointer;

}

.custom-button:hover {

    background-color: #0056b3;

}

Extending Beyond Default Features

While the Content Styler interface allows you to modify four key parts of the default CSS (headers, font and color, accent color, and accessible color), you can define additional features by linking to a client-hosted CSS file. This allows you to add more custom styles beyond the default options provided by the interface 

To implement this, you need to:

1. Create your custom CSS file with all the desired styles.
2. Host the CSS file on a server accessible by Brightspace.
3. Link the CSS file in Brightspace by updating the d2l.Tools.ContentStyler.The CssOverride configuration variable points to your custom CSS file

Here is the reference:

Set up style and branding with Creator+ Content Styler - Brightspace

I hope this will help.