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?
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.
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
Thanks Sofy 🙂 You're always so helpful, I appreciate it, thanks
I dont know where to find the CSS, what file should i be looking in in the cpanel?
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.
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.
