How to I add folder icon bofore each the recent topics list on the footer widget

[adream]

How to I add folder icon bofore each the recent topics list on the footer widget

I just add widget ‘(bbpress) recent topics’ from the page apperance>widget to footer columm 1.
It shows just list line without any dot, folder etc icon as like your demo footer 4.

http://seventhqueen.com/themes/kleo/demo-agency/

I understand I have to put some code on theme general settings > Quick Css but I don’t know what code put in on there and how.

I know it is basic tip, not difficult. Please let me know how to add icon on the widget.

Thanks

Peter

[sharmstr]

The reason its not showing a folder icon is because you’re using the widget that comes with bbpress. The demo is using the Recent Posts widget.

You can use this css

COPY CODE

.widget_display_topics li:before {
    content: "\e86c";
    margin-right: 10px;
    margin-left: 2px;
    font-family: "fontello";
    text-decoration: none;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Laura]

Hello, just add this css to your style.css of child theme

COPY CODE

div#bbp_topics_widget-2 li:before {
    content: "\e86c";
    margin-right: 10px;
    margin-left: 2px;
    font-family: "fontello";
    text-decoration: none;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[adream]

This reply has been set as private.

[sharmstr]

Because you’ve pasted the code in the middle of a commented out section. You can put the code between /* and */. Also the code that laura gave you wont work because the widget isnt assigned to number 2 its assigned to number 4.

I moved the css I gave you out of the commented lines. Take a look at the code now so you can see the difference.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Explanation of commenting css: http://css.maxdesign.com.au/selectutorial/rules_comments.htm

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[adream]

wow. appreciate it. It is amazing experience. I will get start learning about css.

[Author]

Posts