• Resolved Byvaly

    (@byvaly)


    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)
  • 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

    (@byvaly)

    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/

    Custom CSS:

    .recent-comments-list .comment-author-link {
    	font-family: 'Open Sans', sans-serif;
    	
    }

    Shortcode:

    [better_recent_comments number="3" format="{avatar} {author}: {post} </br> {comment} {date}" avatar_size=80]

    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

    (@byvaly)

    Thank you very much! The cache was not updated, everything works now.

    Great! Glad it’s working now.

    Thread Starter Byvaly

    (@byvaly)

    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.

    Hi,

    Try this:

    
    .recent-comments-list .comment-avatar img {
    border-radius: 6px;
    }
    
    Thread Starter Byvaly

    (@byvaly)

    Perfect!
    Thank you Sir!

    Hi, Edward ( @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

    (@byvaly)

    Hi!

    My shortcode:

    [better_recent_comments number="3" format="{avatar} {author} {date}</br>{post}</br>{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:

    https://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. ))

    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.