1, Config to use Live Css Editor on frontend
To use the feature on frontend you should enable the live css editor in backend (default it was disabled).
1, Go to admin > Venustheme > Ves Page Builder > Configuration > Live Css Editor.
2, Enable option “Enabled Live Css Tool”
3, Choose the default live css profile “Default.xml” – This is file store all css selector name (element/section class or id to use to detect and apply css code for them). You can change the file or clone the file in the folder “pub/pagebuilder/livecss/profiles/default.xml”, and change the element/section class/id or css selector name as you want.
4, Save the Setting, and flush the cache.
You can limit the people can see the Live Css Tool on frontend by input ip address or just allow admin can save the css profile on frontend, other can not save the changes.
2, Use the css tool, please view my screenshots: