Hello Peter,

Apologies for the inconvenience and thank you for your feedback. We are planning to improve the design in a future update, including easier navigation through the modes. Currently, the only way to scroll through them is by left-clicking and dragging with the mouse.

Regarding your second question, there is no direct relation between a button and a preset color. You can assign any color from the presets to a button or any other addon. Once a preset color is applied, any changes to that preset will automatically update all elements that are using it, including buttons. Special names are not required.

We appreciate your patience and understanding.

Best regards

Hi Atack,

thanks for the answers:

1. We just have to wait a bit. No problem :)
2. I am not sure where to change the color of the button. Let's have a look at the first button in the Unfold template, homepage. The button has this color: "#CFDB4B", and is somehow "connected" with --sppb-color-primary in the color library. I see al these names like --sppb-text-secondary and --sppb-text-varient-alpha-1. How do I know which name is used where?

Maybe I am really missing something?

Kind regards, Peter

Hello Peter,

Thank you for your follow-up. Let me clarify how the connection works:

When you create a new variable in a preset, the system generates a corresponding class name based on the variable name. When you then select that preset for a button, it automatically assigns the generated class name to the button’s color. This is why the button appears “connected” to a specific variable like --sppb-color-primary.

The names you see, such as --sppb-text-secondary or --sppb-text-variant-alpha-1, are variable class names used throughout the site. Once you assign a preset to an element, any updates to that preset will automatically apply to all elements using the associated class.

I hope this clears up the process. Please let me know if you would like a brief guide on how to assign presets to buttons in the Unfold template.

Best regards

Hi Atick,

thanks again for your fast reply. The part about the names I understand. But what I don't understand (or I can't find the setting) is the button. I am talking about the first button called "Book a Consultation" in the Unfold template on the homepage - default. I can't find the name "--sppb-color-primary" in the button-settings, But I see a button Style "Primary". Maybe this is the missing link?

Thanks again for your help and patience with me. I am willing to learn every day. Just step by step.

Regards, Peter