Buenas tardes amigos:
He preguntado en otros foros, pero nadie consigue ayudarme. He modificado el style.css pero no he notado ningún cambio.
Lo que necesito es reducir el margen superior de la entrada y el cuerpo de mi blog.
www.novadehistoria.com
El código style es el siguiente:
`/ WordPress Core -------------------------------------------------------------- /
.alignnone { margin: .4em 0 1.4em 0; }
.aligncenter, div.aligncenter { display: block; margin: 1.8em auto; }
.alignright { float: right; margin: .3em 0 2em 2em; }
.alignleft { float: left; margin: .3em 2em 2em 0; }
.aligncenter { display: block; margin: 1.8em auto; clear: both; }
a img.alignright { float: right; margin: .3em 0 2em 2em; }
a img.alignnone { margin: 1em 0; }
a img.alignleft { float: left; margin: .3em 2em 2em 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { color: #777777; background: #ffffff; border: 1px solid #f0f0f0; max-width: 96%; / Image does not overflow the content area / padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 1.4em 0; }
.wp-caption.alignleft { margin: .3em 1.6em 1em 0; }
.wp-caption.alignright { margin: .3em 0 1em 1.5em; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; }
.wp-caption p.wp-caption-text { font-size: .80em; margin: 0; padding: .2em .4em; }
.sticky {
}
.gallery-caption { line-height: 1.4; color: #666; }
.bypostauthor {
}
.alignleft:first-child, .alignright:first-child { margin-top:1.2em; }`
MUCHÍSIMAS GRACIAS !
Respuestas
Hola. No debes hacer nada con css, sólo debes buscar este elemento y eliminarlo:
<header class="site-header wrapper" role="banner"> <div class="row"> <hgroup> <!-- end .site-title --> <!-- end .site-description --> </hgroup> <!-- end #site-navigation --> </div> <!-- end .row --> </header>
Te está generando un espacio que no estás usando. Saludos!
@cristian_angulo
Muchas gracias, me has resuelto una parte. Sin embargo, cualquier cosa que escriba en la página presenta algunos márgenes, mínimos aunque sean. De momento he hecho una chapuza insertando margin: -2em, pero no esto lo que busco.
¿Cómo podría modificarlo para que la imagen me ocupe todo el cuerpo?
Y otra pregunta, en lo que es el blog, cómo puedo reducir el margen superior? He probado en varios CSS y no lo consigo.
Muchas gracias.
@novadehistoria
@novadehistoria todas las etiquetas en html vienen con un margin | padding definido. Lo que se hace para resetear esa información es indicarle al navegador que esos valores vayan en 0's:
* { padding: 0; margin: 0; }
Cuando se usan librerías | frameworks css (como Bootstrap | boilerplate) estas ya lo hacen por nosotros. Si el margin persiste... tendrías que 'desbaratar' todo tu template e ir buscando qué elemento está ocasionando esta situación... Los navegadores permite la información html | css de todo tu sitio; así podrás debugear lo que necesitas.
Revisando nuevamente tu template veo un elemento css que está ocasionando un padding en la parte superior.
.page .entry-content { padding-top: 1em; }
Modifícalo o bórralo:
.page .entry-content { padding-top: 0; }
Saludos!
@cristian_angulo
Gracias, Cristian. Sin embargo, no lo encuentro por ningún sitio.
@novadehistoria
@novadehistoria búscalos en los archivos css de tu template en Wordpress...
Saludos!
@cristian_angulo
Pues no, no está. He revisado todos los archivos. Me han comentado que si el template es de pago no puedo acceder al código…
@novadehistoria