myCRED Integration didn&#039;t show the &quot;points&quot;

Translate ▼

Please watch this small video instruction: https://www.screencast.com/t/hqnE5XHMq1V

Andy Tsang

Customer

(@andy-tsang)

Joined: 3 years ago

Member

Posts: 39

Dec 20, 2022 5:13 pm

Translate ▼

@astgh sorry, i don't have any coding skill, is there easy way or tutor to edit it?

Astghik

Admin

(@astgh)

Joined: 8 years ago

Illustrious Member

Posts: 6645

Dec 20, 2022 5:23 pm

Translate ▼

For example this CSS code:

#wpdcom .wpd-reply .wpd-comment-left .the-badge {
   max-width: 30px;
   max-height: 30px;
}

Just change the red-marked value.

Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

Don't forget to delete the caches before checking.

Andy Tsang

Customer

(@andy-tsang)

Joined: 3 years ago

Member

Posts: 39

Dec 20, 2022 5:35 pm

Translate ▼

@astgh it just change some fo the badge but not all of them, i want the badge is the same size, and the yellow badge (ranking level) didn't change the size too.

Astghik

Admin

(@astgh)

Joined: 8 years ago

Illustrious Member

Posts: 6645

Dec 21, 2022 1:25 pm

Translate ▼

Please note the ranks and badges are different the rank is only one so it's bigger, but badges can be many. So the sizes are different.

Andy Tsang

Customer

(@andy-tsang)

Joined: 3 years ago

Member

Posts: 39

Dec 21, 2022 2:43 pm

Translate ▼

@astgh what should i do to resize the ranks? thanks

Andy Tsang

Customer

(@andy-tsang)

Joined: 3 years ago

Member

Posts: 39

Dec 21, 2022 2:44 pm

Translate ▼

@astgh beside the rank and badge different, the badge size is different too

Astghik

Admin

(@astgh)

Joined: 8 years ago

Illustrious Member

Posts: 6645

Dec 21, 2022 4:01 pm

Translate ▼

@andy-tsang

Please note in the case of replies the sizes should be different. If you want to change the sizes for both cases use the CSS code below:

#wpdcom .the-badge{
    max-width: 50px !important;
    max-height: 50px  !important;
}

We don't recommend you make changes as far as you can have an issue with the design. For example in mobile devices.

Andy Tsang

Customer

(@andy-tsang)

Joined: 3 years ago

Member

Posts: 39

Dec 21, 2022 6:45 pm

Translate ▼

@astgh it work for badge! thanks

what should i do to resize the ranks? thanks

Posts: 39

Andy Tsang

Customer

Topic starter

Translate ▼

Dec 23, 2022 9:06 am

(@andy-tsang)

Member

Joined: 3 years ago

what should i do to resize the ranks? thanks

i want the badge and ranks are the same size, please help me with this, i am waiting for your reply.

3 Replies

Astghik

Admin

(@astgh)

Joined: 8 years ago

Illustrious Member

Posts: 6645

Dec 23, 2022 1:27 pm

Translate ▼

The CSS code is provided below:

#wpdcom .wpdiscuz-mycred-rank-wrap{
   width: 28px;
   margin: 3px auto;
}

This video helps you to customize the elements: https://www.screencast.com/t/moapuTx9e8J0

Andy Tsang

Customer

(@andy-tsang)

Joined: 3 years ago

Member

Posts: 39

Dec 23, 2022 1:41 pm

Translate ▼

@astgh

Now the rank and badge are vertical sometime, can I control them to be horizontal? Thank you for your help

Astghik

Admin

(@astgh)

Joined: 8 years ago

Illustrious Member

Posts: 6645

Dec 23, 2022 1:47 pm

Translate ▼