Thanks a lot for the link, Ken. So I noticed that the Graphene theme’s style.css file includes the following code:
.sidebar ul li {
border-bottom: 1px solid #f5f5f5;
line-height: 15px;
padding: 6px 0;
}
By trial-and-error, I found that this code affects the individual list elements within the sidebar2 widget. So, based on my understanding of pseudo classes, I added the following code to my Graphene child-theme’s style.css file:
.sidebar ul li:link {color:#d42222;}
.sidebar ul li:visited {color:#4543e5;}
.sidebar ul li:hover {color:#e5f213;}
.sidebar ul li:active {color:#13f21a;}
I figured that this would affect the display-color of the different states of the individual list elements within the sidebar2 widget. Unfortunately, it didn’t work. Could someone point me in the right direction? What did I do wrong here?