Personalizar header tema Palene insertando widgets  

 
Silvia
 Silvia
Nuevo usuario

Hola! Quisiera insertar widgets en el header del tema Palene. He tratado a través del administrador de Widgets de WP, y es posible agregarlos, pero aparecen en forma vertical, es decir en una columna (uno debajo del otro).
La modificación que necesito requiere que los widgets de puedan ver en formato horizontal (uno al lado del otro). Es eso posible? Desde ya gracias a la ayuda que puedan proporcionarme!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/04/2018 1:55 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Los widgets tiene que estar en la posición header filtrando en inicio en caso de que no quieras que se muestre en toda la plantilla, en el siguiente enlace también se muestra otra opción de como agregarlo: https://www.webempresa.com/foro/23-Preguntas-sobre-WordPress/149125-Tema-Palene-ajustes-en-logo.html

ResponderCitar
Respondido : 25/04/2018 2:53 am

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

Silvia
 Silvia
Nuevo usuario

Gracias Johnny por responder. Probé y sucede que aparecen uno debajo del otro, no a la par...
Concretamente, quiero dividir el header en 3 o 4 secciones, en la primera a la izquierda iría el logo y en las demás unos widgets, incluido un reproductor de streaming para radio.
Tienes idea de cómo puedo hacerlo?

ResponderCitar
Respondido : 25/04/2018 3:24 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Puedes agregar el widget?, de esta forma podemos comprobar si lo podemos modificar por CSS.

ResponderCitar
Respondido : 25/04/2018 3:27 am

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

Silvia
 Silvia
Nuevo usuario

Agregado! fijate por favor que están uno sobre el otro. De esta forma sirve para el responsive, pero en la web no queda prolijo... Gracias!

ResponderCitar
Respondido : 25/04/2018 3:38 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Prueba ingresando el siguiente código en el fichero CSS personalizado: https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

#gantry_logo-2{
	float: left;
	height: 100px;
}

#codescar_radio_widget-3 .radio-widget{
	width: 300px;
	float: right;
	height: 100px;
}

#media_image-2{
	width: 200px;
	float: right;
	height: 100px;
}

Puedes probar a eliminar el banner de publicidad para ver que tal se ve.

ResponderCitar
Respondido : 25/04/2018 4:07 am

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

Silvia
 Silvia
Nuevo usuario

Excelente! gracias! sólo queda adecuar el diseño para dispositivos móviles, porque si bien aparecen en vertical, se superponen un poco. Me ayudas con esto también? Desde ya gracias mil.

ResponderCitar
Respondido : 25/04/2018 4:53 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

En el mismo fichero puedes ingresar el código:

@media (max-width: 480px) {
	
	#codescar_radio_widget-3 .radio-widget{
		margin-top: 80px;
		margin-right: 20px;
	}

}
ResponderCitar
Respondido : 25/04/2018 5:46 am

Cursos Gratuitos WordPress