badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

How can I customise Recent comments in the Side bar?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #94447
    Henny
    Participant

    In the side bar there are 2 different Recent comments styles: one with naming the Author plus the word ON and the other one in the widget Popular, Recent and Commented. ‘Author on’ and <post> are having the same font color, while in Commented the font color of the <post> is linked with the headings colour.

    I would like to change the version: Author plus the word ON, in the same style as in the mentioned widget. Is this possible?

    If not, is it possible to customise the word ON in local language and changing the font colour of the post heading?

    Thanks in advance!

    #94601

    Hi Henny,

    Yes it can customized as similar as the Post Tab widget but Featured image thumbnail of related post cannot be shown.
    Could you please share us your Site URL so that we can change the according to the color you have set for your Site.

    Thanks

    #94645
    Henny
    Participant
    #94841

    Hi,

    Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code. The below code is based on the Current Custom Settings of your Site.

    .widget_recent_comments ul li {
    	display: -ms-flexbox;
    	display: flex;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
    	margin-bottom: 10px;
    }
    .widget_recent_comments ul li {
    	font-size: 0
    }
    .widget_recent_comments ul li a {
    	font-size: 17px;
    	color: #3e9fa0;
    }
    .widget_recent_comments ul li a:hover {
    	color: #1c6473;
    }
    .widget_recent_comments ul li span {
    	font-size: 14px;
    	-ms-flex-order: 1;
    	order: 1;
    	color: #757575;
    }

    Thanks

    #94966
    Henny
    Participant

    Hi!
    I added the CSS code, however now the header of the widget does not show up…

    #95543

    It should work because the provided Custom CSS Code is not related with the Widgets Header.
    Please check by updating the Widget Title from the Customizer, the Title field might be empty.

    Thanks

    #95572
    Henny
    Participant

    Yes, it was empty, now it is working. The only thing left, I would like to change there is the word ‘ON’ as it is not local language. For example in a simple ‘:’ after the name instead of the word ‘ON’

    Is this possible?

    #95671

    Please go to the ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

    .widget_recent_comments ul li span.cwp-on-text {
    	font-size: 0;
    }
    .cwp-on-text:after {
    	content: ":";
    	font-size: 1rem;
    }

    Thanks

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.