Avisos
Vaciar todo

centrar contenido con social bookmarks  

 
Javier
 Javier
Honorable Member

Hola,

Necesito saber como centrar este contenido (SOCIAL BOOKMARKS), adjunto imagen: EXAMPLE1,

he probado varias cosas en el codigo de template.css, pero nada, que tendria que tocar ya que text-align: center; no me hace caso.

GRACIAS

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 17/05/2015 6:11 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente ya lo veo centrado

Saludos.

ResponderCitar
Respondido : 17/05/2015 6:57 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Javier
 Javier
Honorable Member

Hola,

mira yo no lo veo centrado por mas que elimino la cache y miro en otros navegadores...

he insertado este codigo al modulo:

.social_bookmarks{
text-align: center;
}

Pero sigue sin funcionar. (adjunto imagen)

ResponderCitar
Respondido : 18/05/2015 10:45 am
Julen
 Julen
Miembro Admin

Hola ,

Para mover el elemento que deseas, tendrás que modificar la hoja de estilos .CSS. En su caso, tendrás que añadir el siguiente código:

.t3-module {
    position: relative;
    right: 66px;
}

En la siguiente ruta: /templates/uber/local/css/themes/style_benchmarketing/bootstrap.css

Saludos

ResponderCitar
Respondido : 18/05/2015 11:11 am

Cursos Gratuitos WordPress

Javier
 Javier
Honorable Member

Hola,

Lo he probado pero no funciona bien (adjunto imagen), se centra pero va todo a la izquierda...

Ademas creo que ese codigo a la hora de verlo responsive tampoco valdria...

Otra opcion porfavor!

GRACIAS

ResponderCitar
Respondido : 18/05/2015 11:18 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

No hay otra forma de centrar los elementos, la razón es por que son iframes, revisa tu código., lo que se puede hacer es simular un centrado ya sea en base a otro elemneto como te envio Julen o en base al mismo elemento

Si quieres hacerlo en base al mismo elemento, podrías probar con :

.footer-left > .nsb_container_pro {
    left: 70px;
    position: absolute;
}

Lo que te recomiendo que es quites un boton por ejemplo el de twitter que esta ya que de otra manera no se verá correctamente

Para el tema responsive igual tendrás que corregir el código de acuerdo al espacio de pantalla, tendrías que usar @media, revisa:
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Saludos.

ResponderCitar
Respondido : 18/05/2015 6:42 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Javier
 Javier
Honorable Member

ok,

Funcionaba, pero ahora que he cambiado para que se vea solo en version desktop con METAMOD, no me funciona porque?

ResponderCitar
Respondido : 18/05/2015 7:55 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Evita hacerlo por metamod, puedes usar el @media por css , el problema es que tu módulo llama variaos iframes de servicios externos por eso podria causar problemas

Saludos.

ResponderCitar
Respondido : 18/05/2015 11:05 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Javier
 Javier
Honorable Member

vale, pero como incluyo ese codigo, es decir creo la clase css del modulo y luego dentro el codigo @media?

Es que es la primera vez que uso esta caracteristica!

GRACIAS

ResponderCitar
Respondido : 19/05/2015 10:29 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Al parecer actualmente esta en el metamod, tendrías que sacarlo primero de este módulo

Saludos.

ResponderCitar
Respondido : 19/05/2015 6:40 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Javier
 Javier
Honorable Member

vale, ya lo he sacado!

ResponderCitar
Respondido : 19/05/2015 6:46 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El siguiente código puedes colocarlo en el archivo :
templates/uber/css/custom.css

@media (max-width:768px){
	.footer-left > .nsb_container_pro{
		display:none;
	}
}

La parte importante de este código es : max-width:768px , es decir que menos de esta cantidad de ancho todo lo que venga dentro de la sentencia @media se ejecutará, en este caso el código que esta dentro es para ocultar los iconos, puedes variar el ancho o poner otras sentenicas o repetir con otros anchos, etc.

Saludos

ResponderCitar
Respondido : 19/05/2015 8:10 pm

Cursos Gratuitos WordPress