0

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 feed 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-14x14.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?

New contributor
Lyu Jyun-Hong is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.

Your Answer

Lyu Jyun-Hong is a new contributor. Be nice, and check out our Code of Conduct.

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.