Code:

/*globals jQuery*/

(function($) {
    'use strict';

    var widgets = [{
        name: 'Latest topics'
    }, {
        name: 'Top posters'
    }];

    $(function() {

        var $top = $('<div>', {
            'class': 'top-widgets'
        }).css({
            'display': 'flex',
            'width': '90%',
            'margin-left': 'auto',
            'margin-right': 'auto',
            'justify-content': 'space-around',
            'flex-flow': 'row wrap',
            'align-items': 'stretch'
        }).insertAfter('#site_widgets');


        $.each(widgets, function(index, box) {

            if (!box.name) return;

            var $widget = $('.box').find('.box-head span:contains(' + box.name + ')');

            if (!$widget.length) return;

            $widget.parent().parent().css('flex', 'auto').appendTo($top);

        });

        $top.find('.box:not(:last)').css('margin-right', '.2rem');

    });
})(jQuery);

Code:

var widgets = [{
        name: 'Latest topics'
    }, {
        name: 'Top posters'
    }];

skouliki wrote:hello

it is not necessary to tag pedxz to every post you made.. I am sure he reads all the posts and if he can , he will help 
but we are not here to do the job for you we are here to guide and help you
( i suggest you open a test forum to test all the codes you want to add )

Code:

.box .box-head span {
  font-weight: bold!important;
}

Iration wrote:bro is there any way to customize the table? @pedxz

Iration wrote:bro do you have the full code? my forum theme is red and white @pedxz

SLGray wrote:That is more than two widgets merged.

APE wrote:Your forum needs to be open to the public so we can see part of it.

ChienTC wrote:https://i.imgur.com/qrFzsTx.png
how to create forum headers as shown

ChienTC wrote:where to start my own topic