wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

Customize invite to comment  


coursgalilee
Posts: 2
(@coursgalilee)
New Member
Joined: 2 weeks ago

Dear All,

we juste installed Discuz on our website cours-galilee.com, and we already love it !

We provide online free lectures in maths, and we'd like to use the invite to command bubble to be personnalized, in terms of icon (We'd like to make it a question mark), and in terms of text as well (change the "would love your thouhght" to something like "you have any question ? post it and someone will answer !")

3 Replies
Asti
Posts: 1669
 Asti
Support
(@asti)
Support member
Joined: 3 years ago

Hi @coursgalilee,

Please navigate to Dashboard > wpDiscuz > Phrases > General admin page, find and change the phrase as you like. 

Reply
coursgalilee
Posts: 2
(@coursgalilee)
New Member
Joined: 2 weeks ago

Beautifull thank you so much  ! What about the icon ? Can it be changed as well ?

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

Support member
Posts: 1669

@coursgalilee,

You should use custom js codes. Below is provided with some example.

Use the following js code to replace the SVG to the font-awesome icon: 

jQuery('#wpd-bubble-wrapper>#wpd-bubble-count svg').replaceWith( '<i class="fab fa-adversal"></i>' );

The red marked value should be changed with the one you prefer. 

The icons you can find here: https://fontawesome.com/icons?d=gallery

Helpful article: https://www.wpbeginner.com/wp-tutorials/how-to-easily-add-javascript-in-wordpress-pages-or-posts/

Then put the following code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea:

i.fab.fa-adversal:after {content:"\f36a"}

The red marked value also should be changed according to the font-awesome icon you use. 

fontawesome
Reply
Share: