Custom HTML Widget

Hi,
I want to display select categories in the custom html widget in the sidebar. I tried with the code below but don’t get the correct colors for a or a:hover.

Site: https://fabstori.com

<style>
ul.fabarticles {
font-family: “Open Sans”;
font-size: 15px;
}
</style>

<ul class="fabarticles">
<li><a href="/category/book-editing/">Book Editing</a></li>
<li><a href="/category/book-publishing/">Book Publishing</a></li>
<li><a href="/category/book-marketing/">Book Marketing</a></li>
</ul>

Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*change hover color on custom menu */
#secondary .widget .fabarticles a:hover {
    color: #dc0000;
}

Best Regards,
Support