← WordPress

O Footer não está alinhado

Lida 1615 vezes

Offline

Filipe Santos 
Membro
Mensagens 201 Gostos 5
Feedback +7

Troféus totais: 19
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts 10 Posts

Olá  :+trafego:

Preciso de uma orientação de CSS em relação ao footer do meu site que não está alinhado.

A situação é esta: eu tenho 3 blocos no footer para colocar widget e quando coloco um widget no último bloco, esse widget vai sempre para o 2º bloco, conforme podem verificar http://www.criarmarketing.com/.

O meu código de CSS é este:

Código: [Seleccione]
/*-[ Footer ]-------------------*/
body > footer {
    overflow: hidden;
    width: 100%;
}
body > footer .footeText {
    width: 1050px;
    margin: 22px auto;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
body > footer .footeText a {
    color: #fff;
    border-bottom: 2px solid #ee3f02;
}
body > footer .widget { padding: 10px 0 0 0 }
body > footer .sidebar .widget .title {
    font-size: 135%;
    color: #D4D8DB;
}
footer .widget { margin-bottom: 20px }
footer .widget a { color: #E2E2E2 }
footer .widget li a:hover { color: #fff }
footer {
    position: relative;
    overflow: hidden;
    background: #364956;
}
footer .container { }
footer p { color: #8D8D8D }
.footer-widgets {
    overflow: hidden;
    padding: 20px 0 10px;
    width: 100%;
    margin: 0;
}
.footer-widgets h3 {
    font-size: 20px;
    padding-bottom: 15px;
    color: #fff;
}
.footer-widgets .last { }
.f-widget {
    width: 32%;
    max-width: 301px;
    float: left;
    position: relative;
    color: #C2C2C2;
    margin-bottom: 10px;
    margin-right: 7%;
}
.f-widget .advanced-recent-posts a { color: #fff }
.copyrights {
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 5px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    color: #979494;
}
#copyright-note {
    width: 1050px;
    margin: 0 auto;
    clear: both;
    max-width: 100%;
}
#copyright-note a { color: #CFCFCF }
#copyright-note a:hover { color: #fff }
#sidebars .wp-post-image, footer .wp-post-image {
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 10px;
}
.postsby { margin-bottom: 25px }
.textwidget a:hover { color: #222!important }


Em que parte do código é que eu tenho de mexer para que tudo fique correcto?

Agradeço a vossa ajuda.
Offline

Andreny 
Membro
Mensagens 17 Gostos 0
Feedback +1

Troféus totais: 12
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 2 Level 1 10 Posts First Post Karma Fourth year Anniversary Third year Anniversary

Eu vejo o footer com os três blocos. Não vejo nenhum erro.
Offline

Filipe Santos 
Membro
Mensagens 201 Gostos 5
Feedback +7

Troféus totais: 19
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts 10 Posts

Eu vejo o footer com os três blocos. Não vejo nenhum erro.

Pois, também reparei agora noutro PC que está tudo bem. Terá o problema a ver com a resolução do PC, uma vez que, estava a trabalhar no meu notebook que tem um ecrã de 10" e neste tipo de resolução o último bloco do footer passa para cima do outro.

O theme não deve fazer a optimização da resolução automáticamente.  :-k

Alguém sabe algum plugin que faça isso ou algum código que se implante no theme para ele assumir a resolução do PC automáticamente?

Agradeço as vossas dicas e ajuda.

 :obrigado: