Mudar fundo da página inicial - HTML

Detalhes da questão

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

Descrição

Gostaria que mudassem o fundo da minha página inicial HTML, e a cor dos botões, a @Harley desenvolveu esse projeto em outro tópico, mas não consigo editar o fundo, se alguém puder editar fico gratificado.

Imagem do fórum: https://i.imgur.com/jrjh6AN.jpg
Fundo desejado: https://i.imgur.com/qasmtUQ.png (se puder deixar um pouco opaco, fico grato).
Cor dos botões: #666

Obrigado.

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Poderia linkar o tópico com o código da Harleen?

Aqui está: https://ajuda.forumeiros.com/t109668-personalizar-pagina-inicial?highlight=mudar+p%E1gina+inicial

Adicione antes da fechamento da tag </head> do HTML:

Código:

  <style>
  #jarallax-container-0 > div {
   background-image: url(http://i.imgur.com/qasmtUQ.png) !important;
   background-size: cover !important;
  }
 
  .btn-primary-outline, .btn-primary-outline:active, .btn-primary-outline.active {
   background-color: #333;
   color: #fff;
   border-color: none;
  }
  </style>

Perfeito, mas consegue tirar esse contorno vermelho em volta dos botões?
Ou então disponibilizar a cor cinza no lugar do vermelho, e o fundo do botão transparente mesmo.

Troque o código que passei:

Código:

  <style>
  #jarallax-container-0 > div {
  background-image: url(http://i.imgur.com/qasmtUQ.png) !important;
  background-size: cover !important;
  }
 
  .btn-primary-outline, .btn-primary-outline:active, .btn-primary-outline.active {
  color: #fff;
  border-color: #ccc;
  }
  </style>

Certo, mas quando passo o mouse, o efeito da cor de fundo dos botões é vermelho, consegue colocar na cor #666? Grato.

Certo...
Troque o código passado acima por este:

Código:

<style>
#jarallax-container-0 > div {
 background-image: url(http://i.imgur.com/qasmtUQ.png) !important;
 background-size: cover !important;
}

.btn-primary-outline,
.btn-primary-outline:active,
.btn-primary-outline.active {
 color: #fff;
 border-color: #ccc;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus {
  background-color: #666;
  border-color: #666;
}
</style>

Lembre-se de ainda colocá-lo antes da tag </head> do código da página!

Resultou, obrigado!
Pode fechar o tópico.