Fórum OpenCart Brasil

Ola Pessoal.

estou muito contente em usar o OpenCart, e neste momento preciso de ajuda para trocar a cor do Topo da pagina.

Veja o Print da tela, fica mais facil entender..

preciso saber qual arquivo e qual DIV devo trocar a cor de fundo..

agradeço de antemão pela ajuda

Joni Ecker

Basta adicionar a cor na tag header / Adicionar um padding:20px / Remover o margin da div#top

Ola Valdeir

minha versao da openCart é a 2.1.0.2 e o Tema que estou modificando é o Padrao "default".

no arquivo : catalog/view/theme/default/stylesheet/stylesheet.css
achei a " #top" e retirei o margin.

Não achei o "header" que voce mencionou.
Em qual arquivo ele esta, para que eu nao precise testar muitos "headers" de todos os arquivos..

e o padding:20px adicionar em qual "tag" de qual arquivo ?

sei que sao perguntas leigas, mas ainda estou estudando php-css-html-mySql, sou novato.

agradeço a ajuda antecipadamente.

Joni Ecker

Você está estudando muita coisa ao mesmo tempo.

Como não tem a tag no arquivo CSS, basta adiciona-la.

Muito Obrigado mesmo Valdeir..

entao, ja que voce esta me ajudando " e esta mesmo me ajudando, facilitando muito mesmo", e se eu puder aos poucos continuarei pedindo ajuda para voce..

veja a foto:
tentei muito mas nao consegui, quero reposicionar os aobjetos conforme a foto.




Joni Ecker

Aumente o padding-top e adicione um padding-bottom nessa tag.

Ola Valdeir,
tentei isso mas nao consegui o resultado que desejo, eu criei um tema com nome MTA usando os arquivos do tema default, ficando assim:

/public_html/catalog/view/theme/mta/image -- alguns .png
/public_html/catalog/view/theme/mta/stylesheet -- stylesheet.css
/public_html/catalog/view/theme/mta/template/common -- footer.tpl e header.tpl

ainda assim, estou apanhando, se tiver alguma dica, ou se quiser posso disponibilizar os arquivos para voce dar uma olhada, mas os arquivos que estou usando sao os originais do tema default da versao 2.1.0.2
veja a foto abaixo, da para entender o que eu desejo.

Valeu, aguardo uma dica, Joni Ecker

Remova o padding-bottom da tag Header

Na div.col-sm-4 adicione o atributo Na div.col-sm-5 adicione o atributo Na div.col-sm-3 adicione o atributo

Ola Valdeir.

estas alteraçoes sao no arquivo stylesheet.css na pasta theme/mta correto ?

mas as unicas mensoes das DIV.COL-SM que encontrei estao como abaixo:

@media (min-width: 768px) and (max-width: 991px) {
#content .col-sm-2:nth-child(6n+1),
#content .col-sm-2:nth-child(6n+1),
#content .col-sm-3:nth-child(4n+1),
#content .col-sm-4:nth-child(3n+1),
#content .col-sm-6:nth-child(2n+1) {
clear:left;
}}

devo criar estas divs ou alterar de alguma outra forma os valores que voce passou ?

pois no navegador chrome, ao clicar em INSPECIONAR ELEMENTO as divs aparecem normalmente, mas no arquivo eu nao encontro elas..




estou apanhando mesmo, mas estou aprendendo..

Valeu.