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

[9andres]

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!

[ArturoGallegos]

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.

[9andres]

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....