← WordPress

Sidebar deformada

Lida 2400 vezes

Offline

PeSousa 
Membro
Mensagens 339 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Ora boas pessoal,
Estou aqui com um problema no tema de um blog. O problema é o seguinte: a caixa de likes (que está inserida num espaço especial da sidebar "sponsors") está com a medida de 325px, e é a que está de acordo com o theme. Os comentários recentes que é um widget, e está mais pequeno. Eu já mudei o width na div "sidebar" mas nada mudou...

A print:


O css do sponsor...
Código: (css) [Seleccione]
.squarebanner {
margin:0px 0px 10px 0px;
background:#fff;
}

.squarebanner ul{
list-style-type:none;
margin: 0px auto;
padding: 0px 0px 15px 12px;
overflow:hidden;
}

.squarebanner ul li{
list-style-type:none;
margin: 10px 10px 0px 0px;
float:left;
display:inline;
padding:10px;
background:#eee;
}

.squarebanner ul li.rbanner{
margin-right:0px;
}

.textwidget img{
float:left;
}

O css da sidebar...
Código: (css) [Seleccione]
.sidebar{
float:left;
}

.sidebox{
width:325px;
margin:0px auto;
list-style:none;
color:#6f6f6f;
background:#fff;
}

.sidebox ul {
list-style-type: none;
margin:  0px;
padding: 0px 20px 15px 20px ;
}

.sidebox li{
list-style-type: none;
margin: 0 ;
padding: 0;
}

.sidebox ul ul  {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}

.sidebox ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}

.sidebox ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}

.sidebox ul li {
height:100%;
line-height:18px;
clear:left;
width: 325px;
margin:0px 0px;
list-style-type: none;
}


.sidebox ul li a:link, .sidebox ul li a:visited {
color:#6f6f6f;
text-decoration: none;
padding: 5px 0px 5px 0px;
display:block;
}

.sidebox ul li a:hover {
color: #0e88a7;
}

Desculpem o comprimento do tópico...

Alguém sabe o que se passa?
Offline

PeSousa 
Membro
Mensagens 339 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

bump ... ninguém sabe como resolver?
Offline

Nuno 
Administrador
Mensagens 7780 Gostos 216
Feedback +2

Troféus totais: 42
Trófeus: (Ver todos)
100 Poll Votes Level 7 Search Mobile User Level 6 Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

link...
Offline

PeSousa 
Membro
Mensagens 339 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Aqui está o link: http://luxos.info
Offline

Diogo R. 
Membro
Mensagens 62 Gostos 0
Feedback +1

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

Acho que tens ai algum elemento que não foi fechado, mas não tenho a certeza ...

De qualquer das formas adiciona este código, e o problema fica semi-resolvido  :grin:

Código: [Seleccione]
.sidebar ul {
    margin-left: -39px;
}

#recentcomments {
    margin-left: 0px;
}
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Tenta meter a cena do facebook mais pequena de largura...
Offline

PeSousa 
Membro
Mensagens 339 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Acho que tens ai algum elemento que não foi fechado, mas não tenho a certeza ...

De qualquer das formas adiciona este código, e o problema fica semi-resolvido  :grin:

Código: [Seleccione]
.sidebar ul {
    margin-left: -39px;
}

#recentcomments {
    margin-left: 0px;
}


Como disseste ficou semi resolvido. Só falta o fundo crescer um bocado.

Pedro, isso não iria resolver nada. Como disse o likebox não é widget...
Offline

Diogo R. 
Membro
Mensagens 62 Gostos 0
Feedback +1

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

Como disseste ficou semi resolvido. Só falta o fundo crescer um bocado.

Pedro, isso não iria resolver nada. Como disse o likebox não é widget...

Experimenta este:

Código: [Seleccione]
.sidebar ul {
    margin-left: -37px;
}

.sidebox ul {
    list-style-type: none;
    margin-left: -17px;
}
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Como disseste ficou semi resolvido. Só falta o fundo crescer um bocado.

Pedro, isso não iria resolver nada. Como disse o likebox não é widget...

E?
Tenta...

Se reparares a cena dos comentários recentes não está mais pequena, mas sim puxada para o lado e se reparares a caixa do facebook está maior do que devia.
Offline

PeSousa 
Membro
Mensagens 339 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

E?
Tenta...

Se reparares a cena dos comentários recentes não está mais pequena, mas sim puxada para o lado e se reparares a caixa do facebook está maior do que devia.

A caixa de likes não interfere no tamanho da sidebar, já tinha testado isso. O problema é mesmo que a dynamic sidebar está pequena...

EDIT: O código do Diogo estava certo, não era para meter sidebar ul, mas sim na sidebar eheh Obrigado, já está resolvido :D