Como ajustar logo com a largura do fórum?

Detalhes da questão

Endereço do fórum: http://tofightcs.forumeiros.com
Versão do fórum: phpBB3

Descrição

Boa tarde!
Quero que meu logotipo fique padronizado com o tamanho da página do meu fórum. O centro de meu fórum tem espaçamento nas laterais, mas quero que meu logo chegue no limite da largura.

tofightcs.forumeiros.com

Bom dia!

Acesse Visualização > Templates > Geral > Overall_header e localize:

Código:

               <div class="headerbar">
                  <div class="inner"><span class="corners-top"><span></span></span>

                     <div id="logo-desc">
                        <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}"/></a>
                        <!-- BEGIN switch_h1 -->
                        <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
                        <!-- END switch_h1 -->
                        <!-- BEGIN switch_desc -->
                        <p>{switch_desc.SITE_DESCRIPTION}</p>
                        <!-- END switch_desc -->
                     </div>

                     <span class="corners-bottom"><span></span></span></div>
               </div>

Delete todo o código mencionado. A seguir, acima do código:

Código:

<div id="wrap">

Cole o novo código:

Código:

               <div class="headerbar" align="center">
                  <div class="inner"><span class="corners-top"><span></span></span>

                     <div id="logo-desc">
                        <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}"/></a>
                        <!-- BEGIN switch_h1 -->
                        <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
                        <!-- END switch_h1 -->
                        <!-- BEGIN switch_desc -->
                        <p>{switch_desc.SITE_DESCRIPTION}</p>
                        <!-- END switch_desc -->
                     </div>

                     <span class="corners-bottom"><span></span></span></div>
               </div>

Salve o template e publique-o.

Em Visualização > Imagens e Cores > Cores > Folha de estilos CSS, cole este novo código:

Código:

a#logo img {
    min-height: 273px;
    min-width: 1144px;
}

Salve o novo CSS e veja o resultado: https://imgur.com/a/H8kGc6J

Atenciosamente,
Shek

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'