Site logo

Archived topic

Need Help in CSS

7 replies · Started by Sundry on August 19, 2022

Viewing posts 1–8 of 8

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?

Hi Sundry,

Try use a more specific selector for your CSS:

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

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

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 :)

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.

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

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

Thanks.

No problem :)

This archived topic is closed to new replies.