In order to use SVG elements as background, the following steps must be observed.

Step 1

Make sure your own SVG background files are in the Joomla media folder ( [joomla root]/media/com_uithemebuilderpro/images/svg-bg/ ).

Step 2

At the moment you can use five placeholders in your SVG file. "[COLOR_1]", "[COLOR_2]", "[COLOR_3]", "[OPACITY_1]" and "[TEXT]" - without quotes.

Step 3

Now you can go in the Admin menu >> components >> ui/Theme-Builder ^Pro >> YOUR PAGE and set in the Background settings tab your own settings for Components and Sections.