Background atras do menu de navegação

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.cidadesocial.com

Descrição do problema

Olá,

Como posso colocar um fundo branco atras dos atalhos de navegação? O destacado na imagem que coloquei no formulário.

Até mais.

Olá!

Acrescente em sua CSS:

Código:

.pun-crumbs {
background: none repeat scroll 0 0 #FFFFFF !important;
background-image: none !important;
}p.crumbs a {
background: white !important;
}

Se não resultar, será por conflitos entre os códigos. Caso aconteça, forneça a sua CSS.
Se não ocorrer conflitos, este será o resultado:
http://prntscr.com/5zjy3l

Atenciosamente,
Loko.

Desculpe, você entendeu errado, eu quero um background branco atras do menu de navegação..

Olá!

Perdoe-me. Poderia fornecer o vosso index_box?
Ou faça estas modificações nele:
Nas três primeiras linhas, terá esse código:

Código:

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>

Troque por:

Código:

<div style="background: white !important"><div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div></div>

Atenciosamente,
Loko.

Ficou assim http://prntscr.com/5zkju3, mas eu gostaria que ficasse tipo esse http://prntscr.com/5zkk2p.

Olá!

Então, seria só atrás do pun-crumbs? Porque, a captura screen retrata as categorias. No mais, veja se e isto:

Código:

#main-content{background: white !important;}

Adicione o código acima, em sua CSS.

Atenciosamente,
Loko.

Isso mesmo! Mas teria como ajustar a largura do quadro branco para a mesma largura das categorias? http://prntscr.com/5zkus2.

Saudações,

Encontrei um jeito para pegar o Campo de navegação sem pegar o anuncio. É se mexermos com a largura usando a classe #main-content a categoria também irá ser afetada. No mais o jeito seria:

Vá no painel de edição de Templates:
Painel de Controle Visualização Templates Geral
Procure pelo Template index_box e clique em .
Agora na caixa de buscar do teu Template, procure por "main":


Ao encontrar, o senhor vai copiar o código logo acima do Main que será como o abaixo e colocar dentro da lasse Main:

CÓDIGO A SER COPIADO:

Código:

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>

Como deverá ficar:
http://prntscr.com/5zn8k4

Se não compreendeu, mande nos teu Template para a modificação.
Até mais.

Estou a utilizar o código que você me passou, e coloquei width nele e ficou em uma largura boa, mas como eu centralizo as categorias?

Código:

#main-content {
background: white !important;
width: 90%;
}

Ficou assim http://prntscr.com/5zsjlw, gostaria de centraliza-las..

Olá!

Troque por:

Código:

#main-content {
background: white !important;
margin-left: 20% !important;
position: relative !important
width: 90%;
}

Vá alterando o número 20.

Perfeito, muito obrigado.