miércoles, 19 de septiembre de 2018

Modifico margenes de título y descripción del blog


Esto ya está en marcha, el blog va adelante... Muy pronto lo haré público, estoy ultimando detalles de la página con las Condiciones de Uso, Políticas de Privacidad y el Uso de Cookies. Mientras tanto, algún que otro retoque visual...ummmm, por ejemplo los margenes que hay entre el Título y la Descripción de blog me gustaría reducirlos.

En Blogger me voy a Tema y hago clic en el botón Editar HTML.




Hago clic dentro del editor de código y pulso la combinación de teclas Ctrl + F para mostrar la caja de búsqueda donde escribo ".Header h1" y pulso Enter un par de veces hasta encontrar el siguiente código:

.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);
}



Dentro de .Header h1 añado dos líneas para los margenes inferior y superior del título del blog y los establezco ambos en -21px.

Y dentro de .Header . description añado una línea para el margen inferior dejándolo en -14px.



El código queda de la siguiente forma(en negrita están las líneas añadidas):

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  margin-bottom: -21px;

  margin-top: -21px;
  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-bottom: -14px; 
}


Antes:




Después:





No hay comentarios:

Publicar un comentario