Title: Custom CSS Last modified: September 8, 2020 --- # Custom CSS * Resolved [Byvaly](https://wordpress.org/support/users/byvaly/) * (@byvaly) * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-261/) * Hi! * Sorry for my poor English. * Can you tell me how to change the CSS in the widget? * For example, how can I change the font and color of the output of the author’s name {author}, post {post}, comment {comment}, or date {date}? * Thank you! Viewing 11 replies - 1 through 11 (of 11 total) * [Andy Keith](https://wordpress.org/support/users/andykeith/) * (@andykeith) * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13375560) * Hi, * No problem, your English is perfect 🙂 * Here are the CSS selectors you need: * Author name: `.recent-comments-list .comment-author-link` Post title: `.recent- comments-list .comment-post` Comment text: `.recent-comments-list .comment-excerpt` Date: `.recent-comments-list .comment-date` * Kind regards, Andy * Thread Starter [Byvaly](https://wordpress.org/support/users/byvaly/) * (@byvaly) * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13375911) * Please, can you help me? CSS doesn’t work. For example, I want to assign the ` Author` the `Open Sans` font. Does not change, displayed as `Fira Sans Condensed`: [https://recipes.handmade39.ru/](https://recipes.handmade39.ru/) * Custom CSS: * ``` .recent-comments-list .comment-author-link { font-family: 'Open Sans', sans-serif; } ``` * Shortcode: * `[better_recent_comments number="3" format="{avatar} {author}: {post}
{ comment} {date}" avatar_size=80]` * [Andy Keith](https://wordpress.org/support/users/andykeith/) * (@andykeith) * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13375930) * Hi, * I’m not seeing your custom CSS being loaded on that page. Are you sure you’ve added it correctly? You might need to clear any caches you have in place also. * Kind regards, Andy * Thread Starter [Byvaly](https://wordpress.org/support/users/byvaly/) * (@byvaly) * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13376515) * Thank you very much! The cache was not updated, everything works now. * [Andy Keith](https://wordpress.org/support/users/andykeith/) * (@andykeith) * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13377609) * Great! Glad it’s working now. * Thread Starter [Byvaly](https://wordpress.org/support/users/byvaly/) * (@byvaly) * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13386347) * Hi! * One last question. I can’t put the avatar in a semicircular frame. The CSS code, if I understand it correctly, doesn’t work. * ``` .recent-comments-list .comment-avatar { border-radius: 6px; } ``` * Can you tell me what my mistake is? Thank you so much! * With Best Regard, Edward. * [Andy Keith](https://wordpress.org/support/users/andykeith/) * (@andykeith) * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13386769) * Hi, * Try this: * ``` .recent-comments-list .comment-avatar img { border-radius: 6px; } ``` * Thread Starter [Byvaly](https://wordpress.org/support/users/byvaly/) * (@byvaly) * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13386851) * Perfect! Thank you Sir! * [E.J. Padero](https://wordpress.org/support/users/barn2support/) * (@barn2support) * [5 years, 9 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13386957) * Hi, Edward ( [@byvaly](https://wordpress.org/support/users/byvaly/) ). * Thanks for letting us know. I’m glad we could help! * Should there be anything else that we may assist you with, please let us know. * Best regards and keep safe, * Thread Starter [Byvaly](https://wordpress.org/support/users/byvaly/) * (@byvaly) * [5 years, 8 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13399750) * Hi! * My shortcode: * `[better_recent_comments number="3" format="{avatar} {author} {date}
{post}
{comment}" avatar_size=70 date_format="d.m.Y"]` * For some reason, the css code (float: right;) for the `{date}` doesn’t work correctly: * ``` .recent-comments-list .comment-date { font-weight: normal; font-size: 11px; padding-top: 6px; float: right; color: rgba(0,0,0,0.5); opacity: 100; } ``` * A large gap is formed: * [http://s01.geekpic.net/di-OVTO3K.jpeg](http://s01.geekpic.net/di-OVTO3K.jpeg) * Can you tell me what the error is? Yes, I am completely newb to CSS as you can see. )) * [Andy Keith](https://wordpress.org/support/users/andykeith/) * (@andykeith) * [5 years, 8 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13401511) * Hi, * Sorry, this is getting into quite specific customisation which is beyond the scope of support for this plugin. I think you need a web developer to help on this one. * Kind regards, * Andy Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Custom CSS’ is closed to new replies. * ![](https://ps.w.org/better-recent-comments/assets/icon.svg?rev=3100094) * [Better Recent Comments](https://wordpress.org/plugins/better-recent-comments/) * [Frequently Asked Questions](https://wordpress.org/plugins/better-recent-comments/#faq) * [Support Threads](https://wordpress.org/support/plugin/better-recent-comments/) * [Active Topics](https://wordpress.org/support/plugin/better-recent-comments/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/better-recent-comments/unresolved/) * [Reviews](https://wordpress.org/support/plugin/better-recent-comments/reviews/) * 11 replies * 3 participants * Last reply from: [Andy Keith](https://wordpress.org/support/users/andykeith/) * Last activity: [5 years, 8 months ago](https://wordpress.org/support/topic/custom-css-261/#post-13401511) * Status: resolved