Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

wpForo 1.x.x [Solved] moving my badges

18 Posts
2 Users
6 Reactions
4,281 Views
Posts: 1215
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 years ago

I want to be able to move the "mycred ranking" so they display above the forum badges. I made a pic to explain easier:

is this possible? 

17 Replies
Sofy
Posts: 5486
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 years ago

You should use the following JS codes: 

jQuery(document).ready(function ($) {
$.each($(".wpforo-mycred-rank-wrap"), function () {
$(this).insertBefore($(this).parents(".wpf-left").find(".author-name"));
});
});

jQuery(document).ready(function ($) {
$.each($(".author-title"), function () {
$(this).insertAfter($(this).parents(".wpf-left").find(".wpforo-mycred-badges-wrap"));
});
});

The js codes should be added in your active theme's js files. 

2 Replies
(@percysgrowroom)
Joined: 6 years ago

Noble Member
Posts: 1215

@sofy

I cant just add this to CSS? Where can i find my themes JS? 

Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5486

@percysgrowroom

I can't just add this to CSS? 

It's a little difficult to make the customization via CSS code, you should change the value of the order CSS property in the code below to get it resolved: 

.author-data {
display: flex;
flex-direction: column;
}

.wpforo-mycred-rank-wrap {
order: 2;
}

.author-rating-full {
order: 3;
}

.wpforo-mycred-badges-wrap {
order: 4;
}
.author-title {
order: 5;
}
.wpforo-mycred-points-wrap {
orphans: 5;
}

.author-joined {
order: 6;
}

.author-posts {
order: 7;
}

.wpforo-mycred-points-wrap {
order: 8;
}

Where can i find my themes JS? 

This article should be helpful for you: https://www.collectiveray.com/add-javascript-to-wordpress

Posts: 1215
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 years ago

Thanks Sofy 🙂 You're always so helpful, I appreciate it, thanks 

1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5486

@percysgrowroom

Please let us know if the codes don't work. 

Posts: 1215
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 years ago

I dont know where to find the CSS, what file should i be looking in in the cpanel?

 

1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5486

@percysgrowroom

The CSS codes should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.  

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.    

Posts: 1215
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 years ago

its not worked Sofy 🙁

I moved the section to where i want it to be, deleted cache and all that, no change

then change the numbers in Order too, no change.

1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5486

@percysgrowroom

Please see how it looks in my case:

 

Page 1 / 3