Problemas con el CSS de mi blog

[carlosoporto]

Estoy desarrollando el blog para [URL="http://workeet.com/?kid=8EGW"]Workeet[/URL] pero tengo actualmente tres problemitas que me están dando dolor de cabeza.

Puedes ver el blog en el server de desarrollo en:

Código:

http://s4401.at2.pressdns.com/

Problema A:

Es un error al hacer display los comentarios de Disqus en el home y en páginas de categorías, tags, resultados. En el único lugar que sale como debe ser es en el post.

Código:

http://s4401.at2.pressdns.com/workeet-nace-con-una-vision-ama-tu-trabajo/

Problema B:

Solo la mitad inferior del header tiene link, la otra parte superior no hace link, he tratado con varios browsers entre PC y MAC y me da el mismo error. Puede ser algo del padding.

Problema C:

Este cuadro verde sale en la parte de la navegación por páginas, y no debe aparecer. Puede ser un error de CSS entre el Next y Previous page.

Agradezco cualquier ayudita con cualquiera de los problemas o feedback en general. :)

[jorgeabreo]

Iniciado por carlosoporto

Estoy desarrollando el blog para [URL="http://workeet.com/?kid=8EGW"]Workeet[/URL] pero tengo actualmente tres problemitas que me están dando dolor de cabeza.

Puedes ver el blog en el server de desarrollo en:

Código:

http://s4401.at2.pressdns.com/

Problema A:

Es un error al hacer display los comentarios de Disqus en el home y en páginas de categorías, tags, resultados. En el único lugar que sale como debe ser es en el post.

Código:

http://s4401.at2.pressdns.com/workeet-nace-con-una-vision-ama-tu-trabajo/

Problema B:

Solo la mitad inferior del header tiene link, la otra parte superior no hace link, he tratado con varios browsers entre PC y MAC y me da el mismo error. Puede ser algo del padding.

Problema C:

Este cuadro verde sale en la parte de la navegación por páginas, y no debe aparecer. Puede ser un error de CSS entre el Next y Previous page.

Agradezco cualquier ayudita con cualquiera de los problemas o feedback en general. :)

Hola,

El problema A veo que ya lo solucionaste...

El problema B, sucede por culpa de un div que se sobrepone con una posicion absoluta... el div en cuestion es:



http://i.imgur.com/NPRvC.jpg

Mi solucion seria:

Eliminar ese div, ya que es usado expresamente para eso sin necesidad... mi sugerencia es borrar ese div, y al div "container" que esta dentro de header le pones la imagen de fondo que tenia ese div que acabas de borrar... por lo que tu css de container deberia quedar asi:

Código CSS:

.container {
    background: url("images/content-top-border-shadow.png") no-repeat scroll center bottom transparent;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 989px;
}
 

Con esa modificacion al CSS logramos el mismo efecto y estamos evitando el uso de un div... y de paso se soluciona el problema que tienes.

Por la mañana paso y le heho un vistaso al problema C aunque claramente se ve que lo ocaciona el padding... mañana lo miro con detalle que ahora me vence el sueño ejeej

Espero te sirva de algo,

Saludos!

[carlosoporto]

Muchas gracias! Definitivamente eso del div era el problema y bueno quedó mucho mejor y solucionado ahora el problema B. De verdad te agradezco mucho y aprendiendo CSS e el camino. El problema A y C todavía los tengo, voy a tratar de solucionarlos ahora, si los consigo postearé la solución.

[carlosoporto]

Ok, encontré la solución al Problema A de los comentarios de Disqus mostrándose en el theme. La solución sencilla es añadir este snippet en functions.php de tu theme.

Código:

// Disqus: Prevent from replacing comment count
remove_filter('comments_number', 'dsq_comments_text');
remove_filter('get_comments_number', 'dsq_comments_number');
remove_action('loop_end', 'dsq_loop_end');

Todavía me falta la solución al problema C el de navegación.