[Resolved] css classes added in the setting bar disappear when saving

[Author]

Posts

[etienneV-2]

I am trying to:

Style toolset container blocks, buy adding css classes to elements from the right panel in the wordpress editor.
I want to use it in the customiser.
Trying to do so for a layout of CPT.
But when I save my changes, the classes disappear. Same with the ID's.

Link to a page where the issue can be seen:
hidden link

You can inspect the code, no personal classes will appear. All my classes begin with "avv-"

I expected to see:
The css classes, so that I can use them for styling

Instead, I got:
No css class or ID I can use to style the element like I want to.

[Christian Cox]

Hello, when adding custom CSS classes, you must press "enter" or "return" after typing the class name in the input field. Then, you'll see the classname displayed as a "pill" in the input field, indicating it has been accepted by the editor. I'm attaching a screenshot here showing the "pill" display after adding two CSS classes. When you add your custom class names, are they shown like this in the editor? If not, they will not be saved and will be lost when reloading the page.

IDs, however, do not require this step. So if your IDs are lost after reloading the page, something else is going on. Can you try the following troubleshooting steps?
- Temporarily deactivate all plugins except Types and Blocks
- Temporarily deactivate all custom code snippets in Toolset > Settings > Custom Code tab
- Reload the template editor page and test again
- If the problem is resolved, reactivate your custom code snippets and other plugins one by one, reloading the editor page and retesting each time you add a new component, until the problem returns
- If the problem is not resolved, I'll need to take a closer look

[etienneV-2]

Thank you for your quick answer.
I did not know that, so I just tried, but when I hit "enter", "Return", "Space" or "comma" keys, the field becomes instantanely blank again.
However, the field has memorised a class (see screenshot), but when I click on it, the field becomes blank again.

I'm trying this in the template editor for a CPT made in toolset.

[Christian Cox]

Okay thanks for the update. I suspect there could be a conflict with another component here, so can you try the troubleshooting steps I mentioned before and let me know the results of those tests?

If the tests do not reveal the source of the conflict, can you try using a different browser, like Firefox or Chrome, and see if the results are any different?

[etienneV-2]

My issue is resolved now. Thank you!

There were a conflict with a plugin that connects mailchimp to cf7
I deleted it and now it works fine
Thx !