Using text instead of FontAwesome Icon in WidgetBar?

[mbpz]

HI,

I’ve activated the widgetbar and I need to display the word “forms” instead of just an icon. How woulld I accomplish this?
Thanks,
Mark

[Joao]

Hi Mark,

Are you referring to the + on the corner of the header of the top widgets?

Please clarify

Thanks

[mbpz]

Yes.

I’m sure something will need to be done to the background rollover action too.

[paul.r]

Hi Mark,

To achieve that, you can add this in Theme Options > CSS

.x-btn-widgetbar .x-icon-plus-circle:before {
     content:"Forms";
}

.x-btn-widgetbar .x-icon-plus-circle {
    position: static;
    top: 0;
    right: 0;
    padding: 5px 20px;
    background-color: #000;
    color: #fff;
}

.x-btn-widgetbar i:hover {
    background-color: red;  
}

.x-btn-widgetbar {
    border:0;
}

Hope that helps

[mbpz]

@paul.r

.x-btn-widgetbar .x-icon-plus-circle:before {
content:“Forms”;
}

.x-btn-widgetbar .x-icon-plus-circle {
position: static;
top: 0;
right: 0;
padding: 5px 20px;
background-color: #000;
color: #fff;
}

.x-btn-widgetbar i:hover {
background-color: red;
}

.x-btn-widgetbar {
border:0;
}

Thanks much Paul!

[XSupport]

You’re welcome