UI.X

Ad Styler

Our AD Styler offers personal customization for each of your members. This is perfect for communities that want to offer theme-related designs for holidays, sports, or games as examples, or just allow their users to change the look and feel slightly to each's own liking.

Turn Off the AD Styler

Navigate in your admin control panel to Appearance > Styles > XenForo - UI.X > Style Properties > [UI.X] AD Styler and then locate the setting Enable AD Styler. Toggle this off and you will notice all instances of the Styler will be removed including all links, images, and javascript. You can always turn it back on. Make sure to check your user permissions to ensure users have access to the AD Styler by going to Users > [Site Name] > User Permissions > [Audentio] UI.X Permissions.

Presets

Presets are custom theme-related designs that users can choose from in the AD styler.

To disable these presets, go to Appearance > Styles > XenForo - UI.X > Style Property Groups > [UI.X] AD Styler and uncheck the Enable AD Styler Presets.

Adding a Preset

After customizing your theme with the AD Styler, click the export button.

Once you click on the export button, a new window will appear asking you for a name.

Once you've saved your preset, upload the file to the server. Connect to the FTP and navigate to Xenforo Root > js > audentio > ad styler > [lastest version] > styles > uix. Drop your new preset in this folder.

Go back to your Xenforo admin and go to Appearance > Styles > XenForo - UI.X > Style Property Groups > [UI.X] Ad Styler. Scroll down and locate the input for presets. Add in your created presets name. The order the presets are listed in is the order the presets appear within the AD Styler's preset drop down menu. Click update style properties before continuing. Your new preset should be now be shown in the AD styler.

Swatches

This allows your users to quickly change to common colors. Pink, Blue, Orange, etc. and you can always add, remove, or edit these values in the color swatches template.

You can choose to disable this by going to Appearance > Styles > XenForo - UI.X > Style Property Groups > [UI.X] Ad Styler and unchecking Enable AD Styler Swatches.

AD Styler Colors

Your primary, secondary, and tertiary colors listed below are the colors that will be shown in the default appearance with AD Styler. Your users can always change these colors within the AD Styler.

To edit the default colors, go to Appearance > Styles > XenForo - UI.X > Style Property Groups > [UI.X] Ad Styler. Click the current colors shown and then chose a new color from the color properties.