XF 1.x How to change made widget icons?

ozm8ey

Well-Known Member
Also how do i change the colour of the category colours? like change this from green? i cant find the image or colour for it.

 

Russ

Pixel Exit Staff
Hello, how do i change the icons i think are awesome font of the sidebar widgets?

I need to add this to our guide but this css should help for now...

Code:
.sidebar .WidgetFramework_WidgetRenderer_Stats h3:after {
    content: "\f1fe";
}
.sidebar .WidgetFramework_WidgetRenderer_OnlineStaff h3:after {
    content: "\f0e3";
}
.sidebar .WidgetFramework_WidgetRenderer_ProfilePosts h3:after {
    content: "\f040";
}
#widget-19 h3:after {
    content: "\f233";
}
#widget-18 h3:after {
    content: "\f130";
}
The last 2 are specific to your setup and widgets as there's no unique name aside from the widget ID.

The green gradient is set globally: Style Properties -> Legendary Properties

Or you could change just the sub-headings by going to: Style Properties -> Building Blocks -> Sub-Heading

Check out the misc property, removing the @gradient1 would allow you to customize using the properties on that screen.
 

ozm8ey

Well-Known Member
Thanks it worked with both, but i went back to the @gradient1 because it looks a lot nicer than having just the colours, better texture
 

Russ

Pixel Exit Staff
Thanks it worked with both, but i went back to the @gradient1 because it looks a lot nicer than having just the colours, better texture
Legendary is a pretty detailed style :D, let me know if you have any questions.
 

ozm8ey

Well-Known Member
yeah sorry i have another question/problem I want to have more colours to certain forum nodes but there is only 5 #node things the node customisation and when i put say #node1: 5,10,3, etc it doesn't work so im forced to only have 5 nodes that have colour. Is there any work around to this.

 

Russ

Pixel Exit Staff
We support up to 5 but if you need to add more you'll need to do it manually via CSS. It's pretty easy to replicate, open the template: xb_nodecolors.css

Depending on what effect you're trying to use, just copy it and replace with the new node ID. For example...

Code:
[email protected]_node5 .nodeTitle a
Replace @xb_node5 with your ID, example 88.

Code:
.node_88 .nodeTitle a
 

ozm8ey

Well-Known Member
Also got another problem but i can just disable it. basically when you use xenportal 2 and have recent threads enabled it shows it like this:

 

Russ

Pixel Exit Staff
XenPorta treats its columns like sidebars, we applied a fix for the sticky sidebar last patch I can apply a similar fix for the FA icons on Legendary.

For now try this in extra.css:

Code:
.mainContent .sidebar h3:before, .mainContent .sidebar h3:after {
    display: none !important;
}
 

ozm8ey

Well-Known Member
That seems to do the job, sorry if i post all that stuff here, i dont want to made a new thread for each the problems i get
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.