[Resolved] Need Help in CSS

[Sundry]

I tweaked the additional CSS to redesign my blog. Now due to some reasons, the button (widget bar element) on hover becomes dark. Can you please help me fix this?

[Ying]

Hi Sundry,

Try use a more specific selector for your CSS:

.textwidget .button.light:hover {
    background: #333;
    color: #fff;
}

[Sundry]

Thanks, Ying. Do I have to replace it with any previous section or just add it?

[Ying]

Have you added or are you going to add the lightclass to other buttons that are not in the sidebar?

If so, add my CSS.

If not, replace your previous CSS with my CSS 🙂

[Sundry]

I added your code at bottom of the additional CSS and customed the color a little. Just want to know if it leaves any unnecessary CSS above.

[Ying]

If you want to make sure no repeated CSS, then use this CSS only:

button.light:hover {
    background: #333 !important;
    color: #fff !importan;
}

[Sundry]

Thanks.

[Ying]

No problem 🙂

[Author]

Posts