wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

[Solved] How do I change the color of the floating comment icon?


reqwe
Posts: 27
Topic starter
(@reqwe)
Eminent Member
Joined: 2 months ago

I have a simple question, how do I change the color of the floating comment icon? Why isn't this setting in the general color settings?

image
15 Replies
reqwe
Posts: 27
Topic starter
(@reqwe)
Eminent Member
Joined: 2 months ago

And .. it would be nice if we could change the size of this icon as we need it !! - Add to your development ..

Thank you.

Reply
10 Replies
Asti
 Asti
Support
(@asti)
Joined: 3 years ago

Support member
Posts: 2144

@reqwe,

I have a simple question, how do I change the color of the floating comment icon?

The option is located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page. It's called "Comment Bubble Colors".

 it would be nice if we could change the size of this icon as we need it !! 

You can use the CSS code below:

#wpd-bubble-wrapper > div {
width: 50px;
height: 50px;
}

The red marked values can be changed as you like.

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again. 

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

Reply
reqwe
(@reqwe)
Joined: 2 months ago

Eminent Member
Posts: 27
Posted by: @asti

@reqwe,

I have a simple question, how do I change the color of the floating comment icon?

The option is located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page. It's called "Comment Bubble Colors".

 

Well, I don't see this button ... Can you show me which row ???
And in general, it feels like other colors do not change, how many did not change, everything remains in place. The cache was cleared. These are all the colors that are there..

image
Reply
Asti
 Asti
Support
(@asti)
Joined: 3 years ago

Support member
Posts: 2144

@reqwe,

Please let us know the current wpDiscuz version installed on your website. 

Reply
reqwe
(@reqwe)
Joined: 2 months ago

Eminent Member
Posts: 27

@asti

Version 7.1.0

Does not offer updates.

Reply
Asti
 Asti
Support
(@asti)
Joined: 3 years ago

Support member
Posts: 2144

@reqwe,

Please watch the video below.
 
 
It should help you to understand where you can find the setting. 
Reply
reqwe
(@reqwe)
Joined: 2 months ago

Eminent Member
Posts: 27

@asti

Well, as you can see on the screenshot, I have a red button. And on the site - Green!
Now I changed it to white, but it remained green!
Clearing the cache doesn't help!

Reply
Asti
 Asti
Support
(@asti)
Joined: 3 years ago

Support member
Posts: 2144

@reqwe,

Could you please send the admin login details to info[at]gvectors.com email address? I'll ask the developers to check the issue for you. 

Reply
reqwe
(@reqwe)
Joined: 2 months ago

Eminent Member
Posts: 27

@asti

Sent an email with login details.

Reply
Asti
 Asti
Support
(@asti)
Joined: 3 years ago

Support member
Posts: 2144

@reqwe,

You've set «Off» option for Comment Form and Comment List Style option.  This stops loading wpDiscuz core CSS. In this case, only basic CSS code will be loaded allowing you add your custom style easier.

You should either choose Default or Dark styles or change the colour using some CSS code: 

#wpd-bubble-wrapper > div, #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {
background-color: #abab6b;
}

#wpd-bubble-wrapper #wpd-bubble-all-comments-count {
color: #abab6b ;
}
#wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message::before {
border-left-color: #abab6b;
border-right-color: #abab6b;
}

This option allows the users to turn off the wpDiscuz styles (colors, width, height, etc) and create there own styles based on the wpDiscuz functionality.

For the users who are not familiar with the CSS, we may suggest you the following two options:

  • Default
  • Dark
Reply
reqwe
(@reqwe)
Joined: 2 months ago

Eminent Member
Posts: 27

@asti

Happened. You should immediately turn the button on - "by default" for everyone. And it says about - "Style of the list and form of comments", not about "color", and it's a little incomprehensible. Too many settings. You see, I'm lost, I hope you will make everything more convenient.

The problem has been resolved. Good luck.

Reply
reqwe
Posts: 27
Topic starter
(@reqwe)
Eminent Member
Joined: 2 months ago

Hello.

Then when you click on the icon - an invitation to comment on the article, for some reason the extra letter "x" is displayed. Together with the Russian letters "по", it forms an abusive word, and is generally not needed there. How do I remove it?
I deliberately removed the letter "по" in one of the variants so that you can better see the extra letter "x".

Opera Снимок 2021 01 25 185311 skr.sh
Opera Снимок 2021 01 25 185412 skr.sh

 

Reply
1 Reply
Asti
 Asti
Support
(@asti)
Joined: 3 years ago

Support member
Posts: 2144

@reqwe,

Try to reduce the font size of the message:

#wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {
font-size: 13px;
font-weight: 100;
}

Change the red marked value before using the code.

Reply
reqwe
Posts: 27
Topic starter
(@reqwe)
Eminent Member
Joined: 2 months ago

Already better, but still it is not clear why this "x" is there. Looks superfluous, and there are no functions for it .. Can't you delete it at all?

Thank you.

Reply
1 Reply
Asti
 Asti
Support
(@asti)
Joined: 3 years ago

Support member
Posts: 2144

@reqwe,

The CSS code is provided below: 

#wpd-bubble-wrapper #wpd-bubble-add-message-close {
display: none !important;
}
Reply
Share: