Skip to content
English
More support
Contact us
  • There are no suggestions because the search field is empty.

How can I use custom CSS in the Blackbit Visual Page Builder for Pimcore

The Blackbit Visual Page Builder offers predefined styles. However, with the custom CSS feature, you can easily upload a CSS file to the Pimcore Admin UI and assign it as custom CSS for your specific website setting within the Blackbit Visual Page Builder settings.

feature-custom-css-settings

You can open the file in the Pimcore Admin UI using the "Open" button. It is displayed in a new tab.

You have the option of editing the CSS file directly in the Pimcore Admin UI. This function is ideal for quick changes and adjustments.
The live preview of the CSS file is also extremely useful.

feature-custom-css-edit

When you save your customized CSS file, it is validated. This feature is extremely useful to prevent errors in the CSS file.
The validation is only displayed if the CSS file is assigned to a site configuration in the Blackbit Visual Page Builder settings.

feature-custom-css-validation

Integrate custom CSS into the layout

You can integrate your custom CSS into the layout of the Blackbit Visual Page Builder by using the provided Twig function.



This function creates a separate file whose file name contains a hash, as the file is cached.

You can test the Visual Page Builder for Pimcore here: https://pagebuilder.pimcore.blackbit.com