Colour Variable (and some other variables) have not been behaving as expected.
I have applied a colour variable to the lines between my grid/table. They are visible in the editor however they are not visible on the front end and in chrome dev tool when I inspect all the variables are set to #ffffff. They are still set to the correct colours in the Bricks variable manager.
See screenshots. This has happened before and I had to reset all my variables which fixed the issue. Obviously that is not a sustainable workaround.
Your variables from the variable manager are overwritten, but I can’t see/don’t know where. Presumably, you have defined them “somewhere” twice.
If you can’t find out where, please send temporary login credentials and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase.
Ps: Bricks 1.10.1 contains one or two improvements to the color palettes, but this should not affect your problem. However, testing with the latest version is always a good idea.
Thanks. I cannot find anywhere the variables are overwritten (and begs the question, why would they all be white?). I have sent an email as outlined and look forward to figuring this out!
I found the problem: the variable values from the variable manager were overwritten within the color palette because the raw value was assigned a hex value (#ffffff). To solve the problem, I edited each affected color in the color palette, removed the hex value and saved it.
In retrospect, I can’t say precisely how this happened - it may have been due to problems with the color palette in a previous version, which we have already fixed (so I updated to Bricks 1.10.1), or because of how you added the colors to the color palette.
There are two ways to use color variables within the color palette.
If you want to add an “externally defined” variable (in the variable manager, an external stylesheet, or a plugin) to the color palette, you only have to enter the variable name, e.g. var(--fs-color-accent-200), in the RAW field and click on save. If you want to change the variable’s value, you do this in the place where it was defined. In your case, the variable manager.
Alternatively, you can also create color variables within the palette without the variable manager, e.g., by choosing a hex value, entering a variable name in the RAW field, and clicking save. This assigns a value to the variable directly within the palette. If you want to change this, switch to “edit mode,” change the value, and save the color.
I have the same problem after updating to 1.10.
I have tried editing affected color and save. I one of the color os the palette now haven’t had de hex value, (it empty) and now the color can be editing.
Hi,
I’ve answered over the email, but just to answer here also. The problem was that in the custom CSS that was applied to the page, there was a backtick character at the end, that was causing the color variables to not load properly.
Once that backtick was removed, it worked perfectly.
