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
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
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.
ok,
Funcionaba, pero ahora que he cambiado para que se vea solo en version desktop con METAMOD, no me funciona porque?
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.
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
Hola
Al parecer actualmente esta en el metamod, tendrías que sacarlo primero de este módulo
Saludos.
vale, ya lo he sacado!
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