UI.X 2

UI.X 2 [Paid] 2025-03-05

No permission to buy ($59.50)
Of the single node
With the Nodes addon installed, you'll go to Forums -> Node Layout & Styling, select the node you want to add the background to, and then check the "Use custom value" for "Background image". You'll then want to put the URL to where the image is stored in that field (so you'll need to upload it to your web server or some image hosting service, or upload it via XF's content management if you're on XF Cloud).

Once that's done you'll want to make sure node styling is enabled for your prefered style(s) (you can just select the style in question you want to enable styling on in the dropdown on that page where it lists out the nodes for styling, and then click the "Enable styling for style" button at the top).
 
So...if you have a site with 2 UI.X themes, one light one dark on XF 2.2...How would you upgrading to the XF2.3 version with variation support?
 
So...if you have a site with 2 UI.X themes, one light one dark on XF 2.2...How would you upgrading to the XF2.3 version with variation support?

Depending on how old you're upgrading from, you might be better off re-creating your customizations in a new child style.

However, in most cases, you should be able to do the following:

Copy your light child style (where you did all your customizations - hopefully you did this :)) to be a child of the Variations style, and enable Variations on the new child.

This will at least give you a solid baseline to work from.

Next, you'll want to manually copy over your color customizations put into your dark style into the dark color variations of your new child style. In case you weren't aware, an easy way to see what settings you've changed in a style is to go to Appearance -> Styles, click the 3 dot menu next to your dark child style, and select "Customized Components" (I am ashamed that it took me way too long to realize that was there when I first got started in XF theme dev).
 
Back
Top Bottom