Avisos
Vaciar todo

poner el logo en tema Oria

14 Respuestas
5 Usuarios
0 Reactions
890 Visitas
Respuestas: 45
Eminent Member
Topic starter
 

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


 
Respondido : 25/08/2015 9:52 am
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 25/08/2015 1:58 pm
Respuestas: 45
Eminent Member
Topic starter
 

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


 
Respondido : 25/08/2015 2:07 pm
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 25/08/2015 3:24 pm
Respuestas: 45
Eminent Member
Topic starter
 

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?


 
Respondido : 25/08/2015 5:00 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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.


 
Respondido : 25/08/2015 6:29 pm
Respuestas: 45
Eminent Member
Topic starter
 

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

Que puedo mirar para arreglarlo??


 
Respondido : 25/08/2015 9:35 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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

Saludos.


 
Respondido : 25/08/2015 9:58 pm
Respuestas: 45
Eminent Member
Topic starter
 

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


 
Respondido : 26/08/2015 12:27 am
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

Hola,

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


 
Respondido : 26/08/2015 1:20 am
Respuestas: 45
Eminent Member
Topic starter
 

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


 
Respondido : 26/08/2015 8:09 am
Julen
Respuestas: 2894
Famed Member 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


 
Respondido : 26/08/2015 9:37 am
Respuestas: 45
Eminent Member
Topic starter
 

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!


 
Respondido : 26/08/2015 12:03 pm
Pablo Velasco
Respuestas: 20382
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).


 
Respondido : 26/08/2015 2:35 pm