Cuadrar "información", "séguenos en" y "Contactar"

[Jhonatan00_00]

Buenas noches,

 

Escribo en el foro para ver si podéis ayudarme con el tema de cuadrar los textos y el logo de facebook de esos apartados que aparecen al final de la pagina.

 

Dejo la web abierta para que podáis verla y espero una respuesta.

Todo lo que véis lo he ido modificando poco a poco grácias a Onlygoliat, pero veo que no me responde y creo que se ha suicidado jajajajajaja... así que necesito la ayuda de otro profesional que tenga mas paciencia que el, porque lo mio tiene tela.

 

¿Como se cuadran esos textos, se centra e logo de facebook y se hace mas grande?, (de verdad que he aprendido cosas pero hay algunas que escapan a mi lógica.

 

Un saludo!!. 

[Sergio Ruiz]

Lo primero de todo debes dejar la direccion de tu web, por que los usuarios del foro no son adivinos xDDDDDDDDDDDDD

 

Sabiendo que esta es tu web: http://www.mundogamer.es/ y que no usas nada por defecto.

 

Vamos a ver, lo que yo haria para que quede bien el bloque de informacion del pie, es ir al fichero:

 

http://www.mundogamer.es/modules/lcsblockcms/lcsblockcms.css

Buscar esto:

 

#footer .block_various_links li {
	display: inline;
	border-left: 1px solid #888;
	padding: 0 2px 0 4px
}

Y por ejemplo dejalo asi:

 

#footer .block_various_links li {
border-left: 1px solid #888;
padding: 0 2px 0 4px
margin-left: 65px; }

Edited October 17, 2013 by Sergio Ruiz (see edit history)

[Sergio Ruiz]

Otras cosillas que te recomiendo, ir al fichero:
 

http://www.mundogamer.es/themes/lcsgamestore/css/lcsglobal.css

 

 

Buscar esto:

.footermodules h3, .footermodules h3 a { color: rgb(0,128,255);}

Y dejarlo asi:
 

.footermodules h3, .footermodules h3 a {
color: rgb(0,128,255);
margin-bottom: 0px;
}

Mas cosas, en el fichero:

modules/lcsblocksocial/blocksocial.css

Cambia esto:

#social_block {padding:15px 10px;}

por

#social_block {
padding: 0px 10px 15px 15px;
}

---

 

Luego en el fichero:

http://www.mundogamer.es/themes/lcsgamestore/css/global.css

Cambia esto:

#block_contact_infos {
padding: 15px 10px;
}

por

#block_contact_infos {
padding: 0px 10px 15px 15px;
}

Y por ejemplo.

 

Antes se veia asi:

 

 

Ahora asi:

 

[Sergio Ruiz]

La imagen de facebook o se sube desde el modulo en la pestaña modulos -> modulos (que no estoy seguro, por que ese modulo no es el bloque social por defecto) o en este caso machacas la imagen, que la tienes aquí:

http://www.mundogamer.es/modules/lcsblocksocial/images/facebook.png

entrando por ftp y cambiandola.

[Jhonatan00_00]

Que maquina!!, de verdad que si no es por vuestra ayuda me ahorco porque parecía imposible, gracias de verdad.

 

Mañana en cuanto me levante hago los cambios y reemplazo la imagen de facebook por otra mas grande y mas bonita, ya que por ahora no voy a crear ninguna cuenta de Tuenti ni de ninguna otra red social y voy a intentar aprovechar al maximo Facebook para darme a conocer, a parte de por otras vias...

 

Por cierto, aún tengo que escribir lo que va a aparecer al clicar en esos apartados. Tengo unos textos que me han facilitado pero hay que hacerles modificaciones y no se ni donde tengo que introducirlos para que luego aparezcan, ya me lo diréis.

 

UN SALUDO!!!.

[Jhonatan00_00]

Hola de nuevo, he realizado todos los cambios y han surgido efecto, simplemente he cambiado una cosa que no me habías dicho porque el resultado no era exactamente el mismo que el de la imagen que habías subido, pero ya si ha quedado bien.

Lo que he tocado después de aplicar todos los cambios ha sido el float: left; de .footermodules { por float: right; y se ha centrado del todo desapareciendo ese separador de espacios de la derecha que seguía ahí haciendo un margen indeseable.

 

Lo que no se termina de cuadrar es lo de "siguenos en Facebook", no se por que...