Using the 'Global colors' option in the Advanced SiteDu.de builder allows you to maintain a consistent appearance for all elements, enabling you to globally change colors in your project and quickly adjust the template to your preferences.

Color palette styles

Color palettes are created automatically when a new page is created. The color palette is changed by clicking on the current palette and selecting another color palette, while the color in the palettes is changed according to the "Edit existing color" section.

Page color division

The following page colors are available by default:

Basic colors:

After defining the color, the color of the newly added items, will be changed for the following items:

Brand

Element	State/edit
Button	Normal state
Add to shopping cart	Normal state
View shop cart	Normal state
Login	-
Website	Normal state; Active state
Blogsfeed	Read more/Text color
Formularz	Normal state/Send button

Secondary

Element	State/edit
button	Hover
Add to shopping cart	Hover
View shop cart	Hover
Website menu	Hover
Form	Hover/Send button
Blogsfeed(edit)
Data	Text color
Single article	Border
Pagination	Selected pagination index(background)
Pagination	Pagination index

Neutral 1

Neutral color 1 is responsible for the color of text styles. You can edit these styles in the "Text style" tab.

Element	State/edit
Extensive text	Text color
Header	Text color
Counter	Text color
Website menu	Text color - without state
Blogfeed(edit)
Header	Text color
Content	Text color
Form(edit)
Inputs	Border/Color

Neutral 2

Blogfeed
Pagination	Selected pagination index/Text color
Form(edit)
Inputs	Background color

My colors:

Want to assign a color other than the base color to an element? You can use user colors. You can have as many user colors as you want, you can add them, delete them and edit their name.

Adding new page colors

Adding your own color:

Edit an existing color:

To edit the color of an existing color, click on the preview of that color and select the appropriate color using the color palette or HEX code.

Edit color name:

Color Removal:

How to assign a color to an element

Instead of a history of recently used and favorite colors, you now have page colors that you can assign to several elements and globally modify their color in the "Global colors" tab if necessary.

To assign a particular color to an element you need to:
For graphic elements:

For text elements:

The selected page color will be marked with a white dot.

ATTENTION! When you change the page color in an element, the element will inherit the new color and react to its change.

Connecting page colors to existing elements

Do you have a site, or are you using a template and would like to change the layout? Take advantage of the "Connect to elements" option. This feature allows you to locate and change the color (globally) of elements that have the same color as the selected page color.

Attention! That we can use a pipette to set the same color (only works in chrome).

We click this icon, then hover over the selected element from which we want to acquire the color. After acquiring the color, we click "Ok".

Sample Title

This is a very simple editor that helps you craft your document.

Tips

Use Keyboard shortcuts
Highlight a text to see formatting options
Enter a new line and press Tab to see options

* This is just a pre-formatted sample documentFeel free to delete this text and start all over again

You can also Diagrams

You can also embed and HTML

<iframe width="560" height="315" src="https://www.youtube.com/embed/NxKTy_ymTjc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Was this article helpful?