Our brands

Config Live Css Editor

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:

The live css tool will show on top left on frontend


You can load saved profile to change or delete

Share this Post!

Panda Thuan
Panda Thuan
Creativity is falling in love with the world

0 Comment

Do NOT follow this link or you will be banned from the site!