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?
Notifications
Clear all
May 13, 2019 12:04 pm
9 Replies
May 13, 2019 2:20 pm
May 13, 2019 3:35 pm
May 13, 2019 3:45 pm
May 13, 2019 5:00 pm
Please let us know have you removed the myCRED integration code form active theme's functions.php file?
May 13, 2019 5:43 pm
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
May 13, 2019 5:46 pm
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;
}
}
May 13, 2019 6:24 pm
Thank you.
It looks right on PC.
But it doesn't look right on the mobile.
Please look to the attached file.
May 14, 2019 12:07 pm
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;
}
}