Customizing Widget bar icon

[wmmajaliwa]

Hi, Themeco

See that skewed background in the top right?

Yeah, how do I make it so It appears like what I have on the top left with the superfly menu?

Thank you

[wmmajaliwa]

Never mind, I fixed It with this

.x-btn-widgetbar {
    
    border-left-color: #000000;
    border-bottom-color: #000000;
    width: 50px;
    height: 54px;
}

Thanks for the resources, they are helping lots especially the developer tools

[wmmajaliwa]

Okay, this one is challenging

How do I get rid of that faded skew or just make it fill the “box”?

Thanks

[mldarshana]

Hi There @wmmajaliwa

Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

#x-btn-widgetbar:hover {
    border-color: black;
}

Hope that helps.

[wmmajaliwa]

@mldarshana

#x-btn-widgetbar:hover {
border-color: black;
}

Hi, no it doesn’t work as expected

[basanta]

Hi There,

Thanks for writing in again!
Please add this CSS and let us know.

.x-topbar {
background: #000 !important;
}

Thanks