Notifications
Clear all

Rank and Badge

10 Posts
2 Users
0 Likes
2,067 Views
Posts: 21
Topic starter
(@kwisoo)
Eminent Member
Joined: 5 years ago

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

Topic Tags
9 Replies
Astghik
Posts: 5872
Admin
(@astgh)
Illustrious Member
Joined: 6 years ago

Hi @kwisoo,

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

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

Eminent Member
Posts: 21

yes.

Also. It's more serious on the mobile.

 

wpdiscuz 12

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

Illustrious Member
Posts: 5872

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

Reply
(@kwisoo)
Joined: 5 years ago

Eminent Member
Posts: 21

Here it is.

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

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

Illustrious Member
Posts: 5872

@kwisoo,

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

Reply
(@kwisoo)
Joined: 5 years ago

Eminent Member
Posts: 21

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: 6 years ago

Illustrious Member
Posts: 5872

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: 5 years ago

Eminent Member
Posts: 21

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: 6 years ago

Illustrious Member
Posts: 5872

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