Hi! I want to change the color of the tooltip text inside the form. Does anyone know how to do this with CSS?
Thank you!
Dec 04, 2022 8:28 pm
19 Replies
Dec 06, 2022 7:39 am
Hi @wellboy,
This is just a small CSS conflict with the theme or other plugins. Please leave the example URL where we can see the wpDiscuz plugin activated to allow us to debug the issue and provide a solution for you.
Dec 06, 2022 8:51 am
Please use the CSS code below:
div#wpdcom .wpd-form-row .wpdiscuz-item input::placeholder {
color:#000000 !important;
}
Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.
Don't forget to delete the caches before checking.
Dec 06, 2022 12:43 pm
Great it works! Thank you!
One more question, on the same page - I make the rating display "before content" and it is reflected twice: above the header and before the content. Why?
Dec 06, 2022 12:44 pm
also at the bottom of the page
You should correctly configure the "Display Ratings" option. Please find the info here: https://wpdiscuz.com/docs/wpdiscuz-7/plugin-settings/article-and-comment-rating/#display-ratings
Dec 06, 2022 12:57 pm
I did. But the rating is displayed in three places
Dec 06, 2022 1:20 pm
I think it has to do with the Layout theme settings for the header, main part and footer. Is there any way to limit the display to the middle part of the page?
Try this CSS code. I guess it should solve your issue:
.fusion-tb-header .wpd-custom-field, .fusion-tb-footer.fusion-footer .wpd-custom-field{
display:none;
}
Dec 06, 2022 1:49 pm
@asti Thank you! It worked, but the rating is now reflected on all pages of the site. These pages are not allowed to have comments embedded in their settings.
Dec 06, 2022 1:34 pm
Then, the CSS provided here will work fine: https://wpdiscuz.com/community/troubleshooting/how-to-change-tooltip-text-color/#post-18550
Dec 06, 2022 1:32 pm
By the way, it also appears on other pages that do not have a comment form. Look at this for example https://pronumerolog.com/smatrix-web/
You can use the CSS code below:
.page-id-2766 .wpdiscuz-post-rating-wrap.wpd-custom-field{
display:none;
}
If there are other pages comma separate those in the code. For example:
.page-id-276X .wpdiscuz-post-rating-wrap.wpd-custom-field, .page-id-2766 .wpdiscuz-post-rating-wrap.wpd-custom-field{ display:none; }
Please watch this video: https://www.screencast.com/t/ZLMnQwT3a
This time put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.
Dec 06, 2022 2:04 pm
@asti The rating is displayed on almost all pages. Will I need to list all the id's of these pages? No other options?
Then you should use the "Display comment form for post types" option. Doc here: https://wpdiscuz.com/docs/wpdiscuz-7/getting-started/manage-comment-forms/comment-form-settings/#post-types
Dec 06, 2022 2:12 pm
@asti I don't understand, both are regular pages. If I turn off the display on pages, then the comment form is turned off on all pages.
Figured it out. Specify the page-id where the form will be placed.
Thank you Asti!
Thank you for letting us know. Glad to hear that the issue is solved.
We're going to mark this thread as resolved. Feel free to open a new topic if you have further questions.
