Avisos
Vaciar todo

No me sale los iconos del plugin easy social icon

37 Respuestas
5 Usuarios
0 Reactions
1,682 Visitas
Respuestas: 110
Estimable Member
Topic starter
 

Hola, me gustaria que salga los iconos de redes sociales (del widget easy social icon) en vez de "New Title" como sale en la imagen que os mando.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 09/05/2016 1:48 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

El archivo en el que agregarás tu código CSS es único, y en tu caso debe ser:
encelado_wp-custom.css

No es necesario crear varios archivos por cada modificación, todas tus modifiaciones debes ponerlas en : encelado_wp-custom.css

Coloca esta modificación CSS comentada anteriormente al final del archivo

Saludos.


 
Respondido : 10/05/2016 5:38 pm
Respuestas: 110
Estimable Member
Topic starter
 

Ah ok! gracias.

Entendí todo menos esta frase: "Coloca esta modificación CSS comentada anteriormente al final del archivo".

Me podrías explicar eso que no entiendo.


 
Respondido : 10/05/2016 7:24 pm
Respuestas: 110
Estimable Member
Topic starter
 

Y otra cosa, ya modifique el archivo que me dijiste y borre el otro, así quedo, y aún no paso nada.


 
Respondido : 10/05/2016 7:32 pm
Respuestas: 110
Estimable Member
Topic starter
 

Pues parece que ya se me ha ido los iconos un poco más a la izquierda, asi que mejor.

Lo que quiero mover ahora es el cuadrito pequeño (que es el menú) visualizándolo en el MÓVIL, un poco más a la izquierda, se podría? o que otra solución para que no pise el icono de facebook?

Gracias


 
Respondido : 10/05/2016 8:08 pm
Respuestas: 110
Estimable Member
Topic starter
 

Mirarme los 3 anteriores mensajes y la respuesta de cada uno! Gracias!


 
Respondido : 10/05/2016 8:09 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Si has realizado modificaciones CSS siempre para que veas los cambios debes refrescar tu navegador o limpiar la cache.

Con respecto a lo último que consultas, agrega código CSS al archivo para posicionar el botón, por ejemplo :

.gf-menu-toggle{
left:40px;
top:14px;
}

Saludos.


 
Respondido : 10/05/2016 10:38 pm
Respuestas: 110
Estimable Member
Topic starter
 

Uff perfecto! gracias.

Y por último, quisiera hacer los cambios en la foto que os envío (SOLO QUE LA MODIFICACIÓN SALGA EN EL MÓVIL).


 
Respondido : 11/05/2016 1:26 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Por el momento la web se muestra en blanco, en otro hilo se esta comentando este tema, cuando lo hayas resuelto se puede retomar este hilo.


 
Respondido : 11/05/2016 5:22 am
Respuestas: 110
Estimable Member
Topic starter
 

Ya funciona la página web de nuevo, ya me podéis responder al comentario mio anterior.


 
Respondido : 11/05/2016 3:05 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba el siguietne códig al final de archivo CSS personalizado

@media (max-width: 768px) {
	.cnss-social-icon {
	    text-align: right !important;
	}
	
}

@media (max-width: 480px) {
	#rt-top .title {
	    font-size: 20px;
	}
	#rt-top .widget_text{
		padding:0;
		margin:auto 0;
	}
}

Ten en cuenta que no todo lo que pides en tu imagen queda bien, por ejemplo poner la línea de contacto (telefono, corre, etc) en una sola línea no es posible por que hay mucho texto y si quieres que se vea en una sola lína la fuente se reduciria hasta ser poco legible, por lo que no te lo recomiendo

Para que se vea mejor los iconos de redes sociales deben ser más pequeños ya que ocupan mucho espacio

Saludos.


 
Respondido : 11/05/2016 9:21 pm
Respuestas: 110
Estimable Member
Topic starter
 

Hola, ya esta casi listo, solo falta alínear los 3 apartados, como esta en la foto que os envio. ¿Qué se añadiría en el CSS? Gracias


 
Respondido : 11/05/2016 10:01 pm
Respuestas: 110
Estimable Member
Topic starter
 

Y una cosa más que necesitaba (lo siento por tantas cosas).

El "cuadro rojo" indica que quiero reducir el cuadro donde está el "logo", osea q el cuadro azul donde esta el logo quede un mínimo espacio como en la parte superior.

El "cuadro verde" indica que quiero ampliar el slide para que se vea más grande hasta donde está la línea aprox.

El cuadro rojo con el verde que están interferiendo juntos, no tiene nada que ver, lo que yo pediría sería lo que he explicado anterior, una vez más gracias.


 
Respondido : 11/05/2016 10:17 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Para que se vea centrado, simplemente agrega o cambia a text-align-center en el codigo enviado anteriormente reemplazalo por :

@media (max-width: 768px) {
	.cnss-social-icon {
	    text-align: center !important;
	}
 
}
 
@media (max-width: 480px) {
	#rt-top .title {
	    font-size: 20px;
		text-align:center;
	}
	#rt-top .widget_text{
		padding:0;
		margin:auto 0;
		text-align:center;
	}
}

Sauudos.


 
Respondido : 11/05/2016 11:18 pm
Respuestas: 110
Estimable Member
Topic starter
 

Ya lo agrege y me sale centrado, menos el de los iconos que sale un poco a la izquierda, casi centrado, seguramente tenga que poner un código de centrado hacia la derecha o algo así. ¿Cómo sería?

Gracias.


 
Respondido : 11/05/2016 11:50 pm
Respuestas: 110
Estimable Member
Topic starter
 

Este del cuadro verde y rojo, me falta por resolver, espero vuestra respuesta, gracias.


 
Respondido : 12/05/2016 5:32 am
Página 2 / 3