Alinhar os widgets horizontalmente

Detalhes da questão

Endereço do fórum: http://17bpm.forumeiros.com
Versão do fórum: PunBB

Descrição

Olá pessoal, tenho esses widgets no meu fórum: https://i.imgur.com/Ts2QfFh.png
Gostaria de aplicá-los lado a lado... Seria possível ?

Olá,

Bela skin.
Adicione este código CSS:

Código:

div#right {
  display: flex;
  width: 76vw!important;
  align-items: flex-start;
}

#right .module.main {
  width: 30%;
  max-width: 30%;
  margin-right: 20px!important;
}

---

Título "Widget lado a lada" alterado para "Alinhar os widgets horizontalmente".

Luiz~ escreveu:Olá,

Bela skin.
Adicione este código CSS:

Código:

div#right {
  display: flex;
  width: 76vw!important;
  align-items: flex-start;
}

#right .module.main {
  width: 30%;
  max-width: 30%;
  margin-right: 20px!important;
}

---

Título "Widget lado a lada" alterado para "Alinhar os widgets horizontalmente".

Obrigado, estou editando
Sobre o código...
https://i.imgur.com/DK5FbSV.png
Resultou nisso :/

Estranho... Era para ter funcionado.
Tente adicionar este código ao final de sua CSS:

Código:

div#right {
  width: 73vw!important;
}

Caso não resulte, crie um novo JavaScript, com investimento em todas as páginas, com o código:

Código:

/*globals jQuery*/
(function ($) {
  'use strict';

  var myStyle = [
    '',
    'div#right {',
    '  width: 73vw!important;',
    '}',
    '',
  ].join('\n');

  $(function () {
    $('<style>', {
      text: myStyle
    }).appendTo('body');
  });
}(jQuery));

Inté.

AEWWW \o/ !
Perfeito! Muito obrigado por ajudar ! <3

Sempre às ordens.

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".