Jump to content

Eliminar tecto del Footer


Recommended Posts

Buen día:

   He seguido el Foro en varios temas y tengo bastante modificado mi Footer, sin embargo hay un par de cosas que no he sido capa de modificar:

 

1) Eliminar la palabra "Information" que da de título a una seccion del Footer

 

2) Elimnar el gran espcio que me queda entre el final del Slider y el inicio del Footer

 

post-447317-0-08972800-1478083598_thumb.png

 

3) Añadir el icono de Instagram en el pie, me sale unicamente el de Facebook y Twitter

Edited by almupm (see edit history)
Link to comment
Share on other sites

Buen día:

 

   Muchas gracias por responder.

 

La url de mi pagina es: http://azoguemoda.com/

 

1) Aunque no se vea, porque la he puesto del mismo color que el fondo,  aparece la palabra "Information" sobre la doble rayita del footer

 

2) Deseo elimnar el gran espacio que me queda entre el final del Slider y el inicio del Footer

 

3) Tanto en el Head, como en el Footer, en redes sociales no consio poner el tercer icono que es el de "Instagram", el enlace funciona pero la imagen me copia la de "Twitter"

Link to comment
Share on other sites

1) En el fichero global.scss (o en el global.css generado) donde has puesto el color blanco para ".footer-container #footer h4" añade el atributo "display: none;" . Ten en cuenta que esto te lo quitará para todos los tamaños de pantalla. Si quisieras dejarlo en la versión móvil en lugar de ese cambio tendrías que añadir al fichero CSS una nueva regla así (asumiendo que el salto de tamaño móvil de la plantilla es 767px, que es bastante genérico):

@media screen and (min-width: 767px) {
  .footer-container #footer h4 { 
     display: none; 
  }
}

2) Añade estas regla CSS (asumiendo que esos espacios en la página de inicio no los vas a utilizar, que normalmente están destinados a los productos destacados, novedades, etc). En caso de querer utilizarlos en el futuro deberías eliminar la primera de estas dos reglas:

#index .bottom-home,
#index #columns.container,
#index .top-footer {
  display: none;
}

#index .footer-container #footer .footer-block {
  margin-top: 0;
}

3) Donde has puesto el enlace a instagram, cambia justo debajo:

<i class="icon-twitter">instagram</i>

por:

<i class="icon-instagram">instagram</i>

Espero haberle ayudado.

Saludos.

Link to comment
Share on other sites

Muchisimas gracias.

 

Los dos primeros pasos los he hecho sin problemas, sin embago en el tercero soy incapaz de encontrar los archivos donde modificar el código HTML.

 

Lo hago directamente en el Inspector de Código y funciona, pero obviamente los cambios no se quedan guardados.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...