Change Header Widget Icon

[charlescthomson]

Hello Support,

I’m currently using the following to make adjustments to by Header Widget Button:

.x-btn-widgetbar {
border-top: 35px solid hsl(241,100%,50%);
border-left: 35px solid transparent;
border-right: 35px solid hsl(241,100%,50%);
border-bottom: 35px solid transparent;
}

.x-btn-widgetbar i {
font-size: 25px;
color: #fff;
top: -25px;
right: -23px;
}

It works great. I’m wondering if it can be expanded to change the actual icon?
I’ve sifted through some support recommendations but I haven’t been able to make any work.

Looking to change the “+” icon to an “info” icon.

Thanks in advance!

[jade]

Hi there,

Please try this:

.x-btn-widgetbar i:before {
    content: "\f129";
    color: #fff;
    margin: 5px;
}

Hope this helps.