poner el logo en tema Oria  

 
lorena
 lorena
Usuario eminente

Buenos dias
acabo de conseguir quitar con vuestras indicaciones la cabecera con imagenes en grande en las paginas del tema oria pero ahora quiero poder poner el logotipo en un lado de la pagina, en el lado izquierdo en un tamaño más pequeño de lo que salia. Cómo puedo hacerlo?

gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/08/2015 10:52 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Haciendo pruebas con el Firebug veo que alinear el código a la izquierda no queda demasiado bien. Para conseguir esto tendrías que editar el archivo wp-content/themes/oria/style.css y en el código

.site-branding {
	text-align: center;
	padding: 80px 15px;
}

eliminar la siguiente línea (antes haz una copia del archivo style.css:

text-align: center;

Sobre lo del tamaño del logo, da la sensación de que esto es algo que tiene que poder definir desde la configuración del tema, ya que el tamaño carga de forma directa en el código y no en un archivo CSS. En concreto se le está poniendo un ancho de 400 píxels. Revisa en la configuración del tema si ves algún parámetro relativo a esto.

Si no lo ves podrías consultar con los desarrolladores de la plantilla, ya que ellos deberían tener información más precisa sobre dónde hay que aplicar los cambios.

ResponderCitar
Respondido : 25/08/2015 2:58 pm

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

lorena
 lorena
Usuario eminente

Lo que me indicas ya lo he hecho pero ahora como meto el logo? a través de que opcion lo meto?

ResponderCitar
Respondido : 25/08/2015 3:07 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

¿El logo no es la imagen grande que se muestra en la cabecera de la página de inicio? De ser así, este logo ya está visible.

En las páginas interiores sí que aprecio que el logo no se muestra, pero esto puede que ese sea el diseño del tema que estás usando. Haciendo pruebas en la demo del tema veo que en las páginas interiores se muestre el mismo logo que en la página de inicio y en la misma posición:

http://demo.flyfreemedia.com/oria/

Tendrías que revisar la configuración del tema para ver si hay parámetro relativos al logo. Si no ves nada comprueba si el logo se carga a través de algún widget.

ResponderCitar
Respondido : 25/08/2015 4:24 pm

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

lorena
 lorena
Usuario eminente

en una consulta anterior lo que pedi es quitar el logo de la cabecera en todas las paginas y eso lo conseguí siguiendo vuestros pasos.
En este hilo de consulta lo que quiero es poner el logo pero no en la cabecera, sino en la parte inmediatamente inferior de la cabecera, en la zona de color blanco o a la izquierda de donde pone INICIO n la barra del menu.

como podría hacer esto?

ResponderCitar
Respondido : 25/08/2015 6:00 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Supongo te refieres a estos cambios que se trataron en el siguiente hilo :
www.webempresa.com/foro/37-Pack-Empresa-WordPress/144187-Personalizar-tema-Oria.html

El problema es el diseño de tu plantilla para las páginas internas, tal como te comenté en el hilo anterior, lo más rápido es eso, si quieres seguir mostrando el logo en las páginas internas entonces tendrías que deshacer los cambios anteriores, y en lugar del código que pusiste anteriormente prueba poniendo un ancho más pequeño para el logo en las páginas internas, esto mejorará la visualizacíon

.page .site-branding .site-logo{ width:200px}
 
.home.page .site-branding .site-logo{ width:100% }

Poner el logo al costado del menú si que sería más complicado y no te lo recomiendo

Saludos.

ResponderCitar
Respondido : 25/08/2015 7:29 pm

Cursos Gratuitos WordPress

lorena
 lorena
Usuario eminente

He intentado hacer le cambio que me dices pero no sale nada.
Puede ser que algo este haciendo mal.

Que puedo mirar para arreglarlo??

ResponderCitar
Respondido : 25/08/2015 10:35 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

No veo que hayas hecho ningún cambio, te indico :

Ubica el archivo :
/wp-content/themes/oria/style.css

Al final verás este código anteriormente que has puesto, elimina estas dos últimas líneas del archivo

.page .site-branding{ display:none; }
.home.page .site-branding{ display:block; }

Luego usa estas líneas, al final del archivo

.page .site-branding .site-logo{ width:200px}
.home.page .site-branding .site-logo{ width:100% }

Para ver los cambios refresca tu navegador o limpia la cache
Para modificar el archivo puedes usar el Administrador de Archivos de tu cpanel
https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

Saludos.

ResponderCitar
Respondido : 25/08/2015 10:58 pm

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

lorena
 lorena
Usuario eminente

nada, lo cambio pero al guardarlo y volverlo a abrir no se mantiene...
he seguido todos los pasos pero no lo consigo, lo he hecho unas 6 veces...

ResponderCitar
Respondido : 26/08/2015 1:27 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Es extraño lo que comentas que el cambio no se mantenga, puedes enviar una captura de como lo estas insertando?

ResponderCitar
Respondido : 26/08/2015 2:20 am

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

lorena
 lorena
Usuario eminente

aquí lo tienes. de todas formas no es posible hacer algo similar a esto?? poner el logo en la parte lateral de la web??

ResponderCitar
Respondido : 26/08/2015 9:09 am
Julen
 Julen
Miembro Admin

Hola Lorena,

No vemos que hayas realizado las modificaciones indicadas anteriormente.

Tienes que editar el archivo situado en: public_html/wp-content/themes/oria

En dicho archivo, tendrás que eliminar las siguientes lineas que se sitúan al final del fichero:

.page .site-branding{ display:none; }

.home.page .site-branding{ display:block; }

Y añadir las siguientes:

.page .site-branding .site-logo{ width:200px} 
.home.page .site-branding .site-logo{ width:100% }

Saludos

ResponderCitar
Respondido : 26/08/2015 10:37 am

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

lorena
 lorena
Usuario eminente

buenas de nuevo
esto ya lo he hecho, habeis visto la captura de pantalla?
No se que puede estar mal porque no hay manera de que se grabe.

hay otra manera de cambiarlo?

gracias!

ResponderCitar
Respondido : 26/08/2015 1:03 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

No nos ha llegado la captura de pantalla que habías tratado de adjuntar. Prueba a volver a enviarla (formato jpg, png o gif).

¿Qué sistema estás utilizando para editar el archivo style.css?

No se puede descartar que sea el propio tema el que regenere el archivo. Revisa en la configuración del tema y existe algún campo que permita añadir CSS personalizado (algo tipo "Custom CSS" o similar).

ResponderCitar
Respondido : 26/08/2015 3:35 pm

Cursos Gratuitos WordPress