How to change made widget icons?

[ozm8ey]

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

 

[ozm8ey]

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]

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...

.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]

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]

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 , let me know if you have any questions.

 

[ozm8ey]

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]

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...

.node_@xb_node5 .nodeTitle a

Replace @xb_node5 with your ID, example 88.

.node_88 .nodeTitle a

 

[ozm8ey]

yes thank you it worked, now i just gotta copy this so i remember in the future

 

[ozm8ey]

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]

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:

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

 

[ozm8ey]

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