Inserir DIV no footer

[Borgas]

Olá

 

A usar o tema original em Prestashop 1.6.1.10

Queria adicionar um "div" antes do "footer" a cinza escura, de forma a aparecer uma imagem de rodapé em toda a largura

A inserir na "zona" marcada a amarelo conforme a imagem em anexo

 

Tenho alguns conhecimentos de css e uso dreamweaver

 

 

 

 

[Borgas]

Já consegui adicionar a imagem conforme queria, mas não faz os 100% de largura como pretendia...

 

 

modules/themeconfigurator/theme4.css

 

.columns-container {
    background: url(../img/footer.png) bottom no-repeat;
    background-color:#FFF;
}

 

 

[Fabry]

Olá Borgas,

o idel é marcar o Div com um ID  e não com a classe porqué depois no respeitivo css podemos chamar o mesmo div e atribuir todas as diretivas sem afectar outros componentes que tem a mesma classe....o id e unico para aquele div.

por tanto no codigo html do Div deve dar um ID ao seu div...es < div id="meudiv">...

 

no respeitivo css deve por as declarações por este div..por tanto deve juntar no css este codigo:  #meudiv { width:100%; background:..etc etc etc }

 

espero de ter esclarecido o assunto:-) sorry for my portuguese

 

diga se conseguí resolver a situation:-)

 

fabrizio

[Borgas]

Olá Borgas,

o idel é marcar o Div com um ID  e não com a classe porqué depois no respeitivo css podemos chamar o mesmo div e atribuir todas as diretivas sem afectar outros componentes que tem a mesma classe....o id e unico para aquele div.

por tanto no codigo html do Div deve dar um ID ao seu div...es < div id="meudiv">...

 

no respeitivo css deve por as declarações por este div..por tanto deve juntar no css este codigo:  #meudiv { width:100%; background:..etc etc etc }

 

espero de ter esclarecido o assunto:-) sorry for my portuguese

 

diga se conseguí resolver a situation:-)

 

fabrizio

 

Obrigado pela resposta.

Essa parte eu sei de atribuir nomes para identificar os divs.

 

O que pretendia era inserir uma imagem "atrás" do div page.

 

Mas resolvi o problema

modules/themeconfigurator/theme4.css

 

.columns-container {
    background: url(../img/footer.png) bottom no-repeat;
    background-color:#FFF;
}