Largura do Fórum

[William_iHarDz]

Detalhes da questão

Endereço do fórum: http://www.bpfsamp.com
Versão do fórum: PunBB

Descrição

Olá gostaria de mudar a largura do meu fórum porem ja tentei de todas formas já li todos tópicos aqui da fdf não consegui

ja tentei desta maneira > Geral -> Fórum -> Configuração, no campo Largura do fórum.

teria como vocês me ajudar arrumar o css ajustar a largura do fórum
gostaria de deixar mais ou menos na largura deste fórum http://site.brasilplayshox.com.br/forum

[Ketholy]

Olá William_iHarDz,

Vá em:
Painel de Controle>Visualização>Imagens e Cores>Cores>Folha de Estilo CSS

Tente usar os seguintes códigos:

#page-body {width: 1280px;}

.pun {
width: 1000px;
}

Troque a escrita que está em negrito até que obtenha o tamanho que o senhor deseja.

Resulta?

[William_iHarDz]

Resultou teria como arrumar essa borda cinza ?

[Ketholy]

Resultou teria como arrumar essa borda cinza ?

Poderia citar quais dos códigos o senhor utilizou! E qual borda deseja retirar/modificar.

[William_iHarDz]

.pun, .pun .posthead {
background-color: #F0F0F0 !important;
border-bottom: 1px solid #eee !important;
font-size: 13px !important;
font-weight: 400 !important;
padding: 10px !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.6) !important;
}

[Ketholy]

.pun, .pun .posthead {
background-color: #F0F0F0 !important;
border-bottom: 1px solid #eee !important;
font-size: 13px !important;
font-weight: 400 !important;
padding: 10px !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.6) !important;
}

Desculpa minha falta de clareza mais o senhor deseja modificar cor da borda ou retira-la? Caso seja modificar cor poderia citar por qual deseja modificar.

[William_iHarDz]

Eu gostaria de ajustar a borda conforme a largura que foi posta

[Luiz]

A largura colocada acima é um valor estático, sendo assim, dispositivos com telas menores que 1280 pixels serão prejudicados.
Troque o código passado acima por:

Código:

html body .pun {
  width: 87% !important;
}

html body .pun .main.recentTopics {
  box-sizing: border-box;
  max-width: 100%;
}

html body #branding .wrapper {
  width: 88% !important;
}

De preferência adicione-o ao final de sua Folha de Estilos.

Atenciosamente,
Luiz.

[William_iHarDz]

Resultou perfeitamente ! muito obrigado ao senhores

[Ketholy]

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