CSS for nickname, avatar and distance between text lines - wpDiscuz Integration https://wpdiscuz.com/community/wpdiscuz-integration/css-for-nickname-avatar-and-distance-between-text-lines/ wpDiscuz WordPress Comment Plugin Community. Support and Resources. en-US Tue, 08 Sep 2026 21:30:36 +0000 wpForo 60 RE: CSS for nickname, avatar and distance between text lines https://wpdiscuz.com/community/wpdiscuz-integration/css-for-nickname-avatar-and-distance-between-text-lines/#post-13347 Sat, 12 Feb 2022 12:33:28 +0000 @lukas-3000,

Here is the CSS code: 

#wpdcom .ql-editor li {
   line-height: ***43px; ***
} 
]]> wpDiscuz Integration Asti https://wpdiscuz.com/community/wpdiscuz-integration/css-for-nickname-avatar-and-distance-between-text-lines/#post-13347 RE: CSS for nickname, avatar and distance between text lines https://wpdiscuz.com/community/wpdiscuz-integration/css-for-nickname-avatar-and-distance-between-text-lines/#post-13346 Sat, 12 Feb 2022 12:23:32 +0000 @asti thanks for help i do it:

/*Ustawienia na komputery PC i tablety*/ @media screen and (min-width: 600px) { #wpdcom { max-width: 950px !important; } /*Wielkość wyświetlanego postu*/ .wpd-comment-text * { font-size: 20px !important; } /*Wielkości edytora pisania posta*/ #wpdcom .ql-editor p { font-size: 20px; } #wpdcom .ql-container { min-height: 100px; } /*Wielkość nazwy piszącego post*/ #wpdcom .wpd-comment-header .wpd-comment-author { font-size: 20px; } #wpdcom .wpd-comment-date { padding: 0 5px; font-size: 16px; } /*Wielkość nicków w odpowiedzi*/ #wpdcom .wpd-comment .wpd-reply .wpd-comment-header .wpd-comment-author{ font-size: 18px; margin-right: 5px; } #wpdcom .wpd-comment .wpd-reply .wpd-comment-header .wpd-comment-author a { font-size: 18px; margin-right: 5px; } /*Wielkość avatara*/ #wpdcom .wpd-comment .wpd-avatar img.avatar { width: 70px; height: 70px; max-width: 70px; } #wpdcom .wpd-comment .wpd-comment-left{ width: 70px; } /*Wielkość avatara w odpowiedzi*/ #wpdcom .wpd-comment.wpd-reply .wpd-avatar img, #wpdcom .wpd-comment.wpd-reply .wpd-avatar img.avatar { width: 60px; height: 60px; max-width: 60px; } #wpdcom .wpd-comment .wpd-reply .wpd-comment-left{ width: 60px; } /*Ustawienia na smartfony*/ @media screen and (max-width: 600px) #wpdcom /*Wielkość pierwszego tekstu*/ .wpd-comment-text * { font-size: 16px !important; } }

Can You help the only with this??

2288]]> wpDiscuz Integration Lukas 3000 https://wpdiscuz.com/community/wpdiscuz-integration/css-for-nickname-avatar-and-distance-between-text-lines/#post-13346 RE: CSS for nickname, avatar and distance between text lines https://wpdiscuz.com/community/wpdiscuz-integration/css-for-nickname-avatar-and-distance-between-text-lines/#post-13335 Sat, 12 Feb 2022 08:58:02 +0000 Hi @lukas-3000,

Below is provided a solution:

/* height*/
#wpdcom .ql-editor p {
    line-height: ***25px;***
}
/*display name size*/
#wpdcom .wpd-blog-guest .wpd-comment-author{
   font-size:  ***25px;***
}
/* avatar size*/
#wpdcom .wpd-comment .wpd-comment-left{
     width: *** 250px;***
}

All red marked values can be changed as you like. 

Please note, we don't provide support for style customization, we may help in 1-2 simple questions related to colours and background but not more. We can not help you customize all components of website style, these are custom requirements and should be done by website owners. We only help with general questions and issues.

Thank you for your understanding.

You can find all classes by pressing F12 on the browser and opening Chrome or Firefox Console, it'll help you easily write CSS rules you need to customize. 

CSS

]]> wpDiscuz Integration Asti https://wpdiscuz.com/community/wpdiscuz-integration/css-for-nickname-avatar-and-distance-between-text-lines/#post-13335 CSS for nickname, avatar and distance between text lines https://wpdiscuz.com/community/wpdiscuz-integration/css-for-nickname-avatar-and-distance-between-text-lines/#post-13328 Fri, 11 Feb 2022 15:49:06 +0000 Hey

Can You give me help with this CSS code?

#wpdcom {
  max-width: 950px !important;
}

.ql-editor > * {
     font-size: 20px !important;
	   height: 100px;
}

.wpd-comment-text * {
   font-size: 20px !important; 
}

@media screen and (max-width: 600px)
{
.ql-editor > * {
     font-size: 16px !important;
}

.wpd-comment-text * {
   font-size: 16px !important; 
}
}

 

I need help with this configuration:

2286

 

Greetings and thanks for help!

]]> wpDiscuz Integration Lukas 3000 https://wpdiscuz.com/community/wpdiscuz-integration/css-for-nickname-avatar-and-distance-between-text-lines/#post-13328