Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

[SOLUCIONADO] WP Socializer se ve mal la barra flotante en Wordpress

Estas en el tema de WP Socializer se ve mal la barra flotante en Wordpress en el foro de WordPress en Foros del Web. Hola a todos! Estoy trabajando en el sitio: http://comosehace.me El cual aun no fue inaugurado y se me presento un problema. El Plugin que estoy ...
  #1 (permalink)  
Antiguo 01/03/2014, 10:04
 
Fecha de Ingreso: junio-2001
Ubicación: Rosario
Mensajes: 1.434
Antigüedad: 23 años, 5 meses
Puntos: 2
WP Socializer se ve mal la barra flotante en Wordpress

Hola a todos!

Estoy trabajando en el sitio: http://comosehace.me El cual aun no fue inaugurado y se me presento un problema.

El Plugin que estoy usando es WP Socializer

Como no soy experto en programación les pido su ayuda, creo que el problema tiene algo que ver con CSS, Al poner el bloque de Facebook en español, la barra se ve cortada...

En fin les dejo la imagen donde se ve el problema:



Como ven en la imagen el botón de Facebook se ve mal...

Puede alguien darme una mano con este problema, gracias!
  #2 (permalink)  
Antiguo 01/03/2014, 22:08
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: WP Socializer se ve mal la barra flotante en Wordpress

Usa firebug o algo similar para inspeccionar el código de esa sección, como has dicho es problema de CSS y firebug te ayudara a identificar los estilos que afectan y donde encontrarlos para modificarlos.
  #3 (permalink)  
Antiguo 02/03/2014, 13:31
 
Fecha de Ingreso: junio-2001
Ubicación: Rosario
Mensajes: 1.434
Antigüedad: 23 años, 5 meses
Puntos: 2
De acuerdo Respuesta: WP Socializer se ve mal la barra flotante en Wordpress

Gracias pude solucionarlo, por si a alguien mas le pasa deben hacer lo siguiente:

Buscar en el archivo: wp-content/plugins/wp-socializer/public/css/wp-socializer-buttons-css.css

Código:
/* ADJUSTMENTS */
.wpsr-floatbar-float_left .wpsr_floatbt .fb-like{
	width: 50px !important;
	overflow: hidden; /* FB locale buttons fix */
}
Remplazar por:

Código:
/* ADJUSTMENTS */
.wpsr-floatbar-float_left .wpsr_floatbt .fb-like{
	width: 100px !important;
	overflow: hidden; /* FB locale buttons fix */
}
Buscar:

Código:
/* FLOATING SHARE BAR */
.wpsr-floatbar-float_left{
	position: absolute;
	border: 1px solid;
	border-color: #ccc;
	background-color: #fff;
	padding: 0px 5px 0px 6px !important;
	width: 60px;
	margin: 0px 0px 0px 0px !important;
	z-index: 9999;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	text-align: center;
}
Remplazar por:

Código:
/* FLOATING SHARE BAR */
.wpsr-floatbar-float_left{
	position: absolute;
	border: 1px solid;
	border-color: #ccc;
	background-color: #fff;
	padding: 0px 5px 0px 6px !important;
	width: 100px;
	margin: 0px 0px 0px 0px !important;
	z-index: 9999;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	text-align: center;
}
Y Listo....

Etiquetas: aplicaciones-prefabricadas, barra, flotante, plugin
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:39.