How to custom a widget class in Style.css file?

I am a newbie here. I could custom a feed via widget/RSS plugins or additional CSS. But while I add directly in style.css, it didn’t work.
I have read a similar question
Custom CSS for a particular text/HTML widget in WordPress.”
and WordPress Feeds reference

Finally, I decided to follow the steps in free icons

Custom html

<ul class=”feed-list”>
<li><a href=”https://lujihood.com/feed/”>All Posts</a></li>
<li><a href=”https://lujihood.com/comments/feed/”>Comments</a></li>
</ul>

style.css

.feed-list {
margin: 0 0 15px 15px;
padding: 0;
list-style-type: none;
}

.feed-list li {
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}

.feed-list li a {
padding: 0 0 0 19px;
background: url(“https://lujihood.com/wp-content/themes/independent-publisher-2-wpcom/feed-icon-14×14.png”) no-repeat 0 50%;
list-style-type: none;
}

The feed-list icon didn’t appear left to the texts. Inspect showed class=”widget widget_text”. Do I need to create a Class or something?

Read more here:: How to custom a widget class in Style.css file?

Leave a Reply

Your email address will not be published. Required fields are marked *