AI Assistant
Notifications
Clear all

Rank and Badge

10 Posts
2 Users
0 Reactions
3,727 Views
Posts: 21
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
(@kwisoo)
Eminent Member
Joined: 7 years ago
[#3926]

Hi I'm using an myCred extension.
As you can see from the picture below. The rank image is so big. The badge image is so small. Is it like this? Can not you change size better?

wpdiscuz 11


9 Replies
Astghik
Posts: 6645
Admin
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
(@astgh)
Illustrious Member
Joined: 8 years ago

Hi @kwisoo,

Do the ranks and badges have the same size on other pages? 


Reply
8 Replies
(@kwisoo)
Joined: 7 years ago

Eminent Member
Posts: 21
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.

Also. It's more serious on the mobile.

 

wpdiscuz 12


Reply
Astghik
Admin
(@astgh)
Joined: 8 years ago

Illustrious Member
Posts: 6645
Astghik
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

Please leave some example URL to allow us to check it. 


Reply
(@kwisoo)
Joined: 7 years ago

Eminent Member
Posts: 21
Astghik
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

Here it is.

https://nlpericksonian.com/2019/03/22/hello-world/


Reply
Astghik
Admin
(@astgh)
Joined: 8 years ago

Illustrious Member
Posts: 6645
Astghik
Astghik
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

@kwisoo,

Please let us know have you removed the myCRED integration code form active theme's functions.php file? 


Reply
(@kwisoo)
Joined: 7 years ago

Eminent Member
Posts: 21
Astghik
Astghik
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. Because the code had an error that did not display an image.

You can see my inquiry below.

https://gvectors.com/forum/mycred-integration/problems-with-badges/paged/2/#post-15049


Reply
Astghik
Admin
(@astgh)
Joined: 8 years ago

Illustrious Member
Posts: 6645
Astghik
Astghik
Astghik
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

ok,

Please add the following CSS code in Custom CSS code textarea, located in Dashboard > Comments > Settings > Styling admin page. Delete all caches and check again: 

#wpcomm .wpdiscuz-mycred-rank-wrap img {
width: 32px !important;
}

@media screen and (max-width: 420px){
#wpcomm .wpdiscuz-mycred-wrap{
margin-left: 17px !important;
}
}

Reply
(@kwisoo)
Joined: 7 years ago

Eminent Member
Posts: 21
Astghik
Astghik
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

Thank you.
It looks right on PC.
But it doesn't look right on the mobile.

Please look to the attached file.

wpdiscuz mobile

url : https://nlpericksonian.com/2019/03/22/hello-world/


Reply
Astghik
Admin
(@astgh)
Joined: 8 years ago

Illustrious Member
Posts: 6645
Astghik
Astghik
Astghik
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

Hi @kwisoo,

yes, I see. Please remove the code I've provided in the previous post and add this one:

#wpcomm .wpdiscuz-mycred-rank-wrap img {
width: 32px !important;
}
@media screen and (max-width: 420px){
#wpcomm .wpdiscuz-mycred-wrap {
margin-left: 13px !important;
margin-top: 52px !important;
}
}
div.wc-comment {
display: flex;
}

@media screen and (max-width: 800px){
#wpcomm .wc-comment-header {
margin-left: 0;
}
}

Reply
Share:
Scroll to top