Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Margen del Header  

 
Alexandra
 Alexandra
Noble Member

Hola,

Quisiéramos mejorar el margen del header. Es decir, tanto el número de teléfono como los iconos del selector de banderas para cambiar a otro idioma estén más a la derecha es posible?

Gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 05/12/2016 10:39 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Alexandra.

Para el tema del selector de idiomas añade lo siguiente en el archivo pandora-custom.css que encontraras en la ruta templates/pandora/css/pandora-custom.css

div.mod-languages ul {
    list-style: outside none none;
    padding: 0;
    margin-left: 30rem;
}

Para el tema del teléfono ¿ Como lo añadiste ? veo que tienes en el código la alineación a la derecha:

<p style="text-align: right;">
Móvil    722880220

Tendrías que modificarlo por:

<p style="text-align: left;">
Móvil    722880220

Como veras modifico text-align: right por text-align: left para que lo alinee a la izquierda.

Un saludo

ResponderCitar
Respondido : 05/12/2016 2:35 pm

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

Alexandra
 Alexandra
Noble Member

Hola,

Ya añadi el selector de idiomas, lo del móvil no recuerdo como lo hice. Podrías indicarme la ruta?

Saludos.

ResponderCitar
Respondido : 05/12/2016 3:15 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

La estructura html generada no facilita esto ya que esta usando un grid de dos columnas.

Lo más práctico es que ambos se encuentren en la misma columna uno debajo de otro y ya con CSS se puede acomodar

Prmiero asegurate de cambiar la estrucutra, envías una captura de pantalla para ver como esta configurada esta posición superior, una captura de la configuración del theme y otra de los widgets.

Saludos

ResponderCitar
Respondido : 05/12/2016 9:50 pm

Alexandra
 Alexandra
Noble Member

Hola,

Tengo activado el plugin de filtros de idioma. Ver:

Luego en módulos tengo un selector de idiomas español y otro inglés (misma posición) Ver:

Su configuración:

Y en la posición TOP-A tengo el número del móvil ver:

Pienso que esto debería verse mejor.

Saludos

ResponderCitar
Respondido : 06/12/2016 12:32 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

La idea que te comento es que ambos módulos el que muestra el número de telefono y el selector de idiomas todos esten en la misma posicion

La posición en la que esten debe ocupar todo el ancho, esto lo puedes cambiar en los layouts del template.

Saludos.

ResponderCitar
Respondido : 06/12/2016 8:30 pm

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

Alexandra
 Alexandra
Noble Member

Hola,

Ya el módulo se encuentra en la misma posición Top F ver:

Supongo que luego, tendré que corregir la posición de las bandera a la derecha.

div.mod-languages ul {
list-style: outside none none;
padding: 0;
margin-left: 30rem;
}

Y en todo caso, me queda una duda. Porque veo en la plantilla los layouts y me parece que la posición TOP está a todo lo ancho es correcto como está ahora?

O es el Header que tengo que modificar. Gracias.

ResponderCitar
Respondido : 07/12/2016 3:51 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Es el Top, actualmente lo veo correcto por lo que sólo sería necesario algo de CSS

#rt-top .rt-block{
	float:right;
}

Coloca este código al final de:
/templates/pandora/css/pandora-custom.css

Saludos.

ResponderCitar
Respondido : 07/12/2016 6:12 pm

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

Alexandra
 Alexandra
Noble Member

Hola Jhon,

Ya está introducido el código, lo único cuando veo el front, en versión español los iconos de las banderas está más abajo, sin embargo en versión inglés un poco más arriba es normal?

Y en la hoja de estilos css encontré el otro código ¿tendrá algo que ver con esa diferencia de margen?

Saludos

ResponderCitar
Respondido : 09/12/2016 12:18 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El problema parece que está en que tienes el módulo del selector de idioma y el módulo que muestra el número de teléfono en la misma posición.

Si, por ejemplo un módulo lo tienes en la posición top-f el otro lo tendrías que colocar en una posición distinta, por ejemplo top-a. En caso contrario se mostraría uno encima del otro, que es lo que te está ocurriendo actualmente.

ResponderCitar
Respondido : 09/12/2016 1:54 pm

Cursos Gratuitos WordPress