Fórum OpenCart Brasil

[JoniEcker]

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

[valdeir2000]

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

[JoniEcker]

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

[valdeir2000]

Você está estudando muita coisa ao mesmo tempo.

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

Código: Selecionar todos

header {
    padding-top: 20px;
    background: green;
}

[JoniEcker]

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

[valdeir2000]

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

[JoniEcker]

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

[valdeir2000]

Remova o padding-bottom da tag Header

Na div.col-sm-4 adicione o atributo

Código: Selecionar todos

style="margin: 10px 0 0 0;"

Na div.col-sm-5 adicione o atributo

Código: Selecionar todos

style="margin: 30px 0 0 0;"

Na div.col-sm-3 adicione o atributo

Código: Selecionar todos

style="margin: 30px 0 0 0;"

[JoniEcker]

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.

[valdeir2000]

http://prntscr.com/as5cc5