The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Search
Close
AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Font awesome remova...
 
Notifications
Clear all

[Solved] Font awesome removal to SVG

13 Posts
2 Users
0 Reactions
4,439 Views
Posts: 24
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@willgreeny)
Eminent Member
Joined: 4 years ago
[#4280]

Hi there,

 

I am looking at using wpDiscuz with add ons as a solution for my website's commenting system.

 

I am currently using Thrive Comments and enjoy it, as it is very lightweight. 

 

When testing wpDiscuz, it looks quite heavy and not pagespeed optimized, especially from using font awesome icons.

 

I prefer to use SVG for this situation. With this in mind, I see you can disable font awesome library from loading, but then the icons all disappear and turn to nothing but rectangles.  Is there not a way to add SVG instead or make it look okay without font awesome loading?

image

12 Replies
Asti
Posts: 8211
 Asti
Support
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@asti)
Illustrious Member
Joined: 8 years ago

Hi willGreeny,

Is there not a way to add SVG instead

We're really sorry, but wpDiscuz doesn't have such a feature

or make it look okay without font awesome loading?

You can hide all those font awesome icons using custom CSS/js code like this one: 

#wpdcom .fas, #wpdcom .far, #wpdcom .fa{
     display: none !important;
}

Posts: 24
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@willgreeny)
Eminent Member
Joined: 4 years ago

Thank you for that, but that removes the hottest comments, most commented, notify of follow ups, close the thread and more buttons from appearing at all?


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

Illustrious Member
Posts: 8211
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

yes, if the Font Awesome lib is disabled those buttons won't appear. 


Posts: 24
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@willgreeny)
Eminent Member
Joined: 4 years ago

They appear but they are still clickable - what I am asking is for the functionality to not disappear and the buttons to have something such as text instead of font-awesome icons

 


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

Illustrious Member
Posts: 8211
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@willgreeny,

You should add the custom js code and add the text you want.  

You can also customize the elements the way provided here: https://wpdiscuz.com/docs/wpdiscuz-7/customization/custom-template-and-style/


Posts: 24
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@willgreeny)
Eminent Member
Joined: 4 years ago

Thank you for this - I tried changing the link.html from:

<div class="{LINK_WRAPPER_CLASSES}">
{LINK_ICON}
</div>

 

to 

<div class="{LINK_WRAPPER_CLASSES}">
{LINK_ICON} LINK
</div>

 

But I do not see any difference or addition of 'LINK' to the area?


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

Illustrious Member
Posts: 8211
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@willgreeny,

Have you changed it for the current layout chosen in your case? Have the caches been deleted before checking?


Posts: 24
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@willgreeny)
Eminent Member
Joined: 4 years ago

Yes and it does not seem to be working.

 

Also, for when comments are restricted for login, I would like to add a class to the login button 'lrm-login' which enables a modal pop up to appear for logging in - is this possible?


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

Illustrious Member
Posts: 8211
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@willgreeny,

Yes and it does not seem to be working.

Please record a video where we can see:

  • the customizations you made
  • the current layout
  • the frontend appearance (don't forget to delete the caches)

Also, for when comments are restricted for login, I would like to add a class to the login button 'lrm-login' which enables a modal pop up to appear for logging in - is this possible?

The solution is provided here:  https://wpdiscuz.com/community/wpdiscuz-integration/elementor-popup-login/


Posts: 24
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@willgreeny)
Eminent Member
Joined: 4 years ago

Apologies for the late reply. I've managed to get it working which is great thank you.

One issue I have, though, is that the 'Login' button does not have a .HTML file in the layout, so I cannot currently change it. I want to add a class to it to the Login link which enables a modal popup appearing using this plugin.

How do I change the Login button with this in mind?


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

Illustrious Member
Posts: 8211
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@willgreeny,

You can try the solution provided here: https://wpdiscuz.com/community/troubleshooting/login-popup/#post-4062

Just change the value of the red marked class.


Page 1 / 2
Share: