Hola que tal ? Bienvenidos a barruntos.net. Este blog simplemente es una recopilación de problemas o situaciones anómalas que van sucediendo en el día a día mío y de mi entorno. Soluciones para informática a bajo nivel. Puedes seguir nuestro facebook o twitter para obtener todas las novedades.

miércoles, 16 de octubre de 2013

Posición título y descripción cabecera Blogger

Bueno, sin importar si es parte del diseño o no siempre me preguntan cómo quitar ese espacio en la parte superior de la plantilla, y en realidad es muy sencillo, sólo basta agregar un margen con valor negativo para cambiar la estructura del blog.

ANTES












DESPUÉS




Sólo hay que entrar en Diseño | Edición de HTML y:

1.- Vamos a Edición de HTML:

Página principal ► Diseño ► Plantilla ► Editar HTML

Buscamos la sección
/* Header
----------------------------------------------- */
y dentro de la sección y una vez localizado, añadir las lineas en rojo para cambiar espacio superior e izquierdo.

/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: $(description.text.size);
  color: $(description.text.color);
margin-left:-10px;
margin-top:-20px;
}

.header-inner .Header .titlewrapper {
  padding: 22px $(header.padding);
margin-top:-25px;
margin-left:-15px;
}

.header-inner .Header .descriptionwrapper {
  padding: 0 $(header.padding);
}

No hay comentarios:

Publicar un comentario

Gracias por tu aportación ¡¡¡¡¡

Related Posts Plugin for WordPress, Blogger...