Cambio de posición de logo en Esport template  

 
Raquel
 Raquel
Reputable Member

Hola,

He intentado cambiar la posición del logo en el pack tienda Esport.

Lo he conseguido utilizando varias reglas CSS. Me pueden decir si lo ve bien o puede que afecta el diseño. No tengo experiencia con Joomla y no sé hasta que punto estos cambios afectan el diseño.

h1#gkLogo {
    background: none;
    float: none;
    height: 40px;
    margin: -1px 0 -1px -1px;
    position: relative;
    width: 300px;
    top: -40px;
}
#gkPageTopMod {
    float: left;
    height: 42px;
    line-height: 42px;
    margin-left: 300px;
    text-shadow: 1px 1px 0 #FFFFFF;
}
#gkMainMenu {
border: none;
}
.gk-menu {
border: 1px solid #CFCFCF;
}
#gkSubmenuMod {
border: 1px solid #CFCFCF;
border-top: none;
}

Muchas gracias

URL del sitio: http://purescco-cp15.webjoomla.es/esport/

Citar
Respondido : 16/04/2012 4:48 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

He revisado tu web y los cambios que has introducido para cambiar de posición en logo en la plantilla eSport no deberían de afectar al correcto funcionamiento de la tienda online.

Lo único que podría verse afectado era el módulo que se mostraba justo encima de módulo, pero veo que como ya los has movido a la derecha del logo también estaría resuelto.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/04/2012 5:30 pm

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

Rubén
 Rubén
Usuario activo

hola, me ha gustado el cambio de posición del logo de Raquel, y lo he intentado en mi página, pero no consigo mover el menú completamente a la izquierda, no encuentro el parametro del css que hay que modificar.

Me podrías decir cual es?

mi página es www.logomaniaonline.com

Gracias

ResponderCitar
Respondido : 18/04/2012 11:52 am
Raquel
 Raquel
Reputable Member

Utiliza el siguiente en el override.css a ver si te funciona. La verdad yo estaba jugando con el firebug de Mozilla en algún momento salió todo perfecto.
He cambiado el height de h1 a 93 px que creo es lo que tu tienes

h1#gkLogo {
background: none;
float: none;
height: 93px;
margin: -1px 0 -1px -1px;
position: relative;
width: 300px;
top: -93px;
}
#gkPageTopMod {
float: left;
height: 42px;
line-height: 42px;
margin-left: 351px;
text-shadow: 1px 1px 0 #FFFFFF;
}
#gkMainMenu {
border: none;
}
.gk-menu {
border: 1px solid #CFCFCF;
}
#gkSubmenuMod {
border: 1px solid #CFCFCF;
border-top: none;
}

ResponderCitar
Respondido : 18/04/2012 12:47 pm

Cursos Gratuitos WordPress

Rubén
 Rubén
Usuario activo

Lo he probado y no me funciona. He copiado el codigo en el archivo override.css y nada.

El caso es que aparentemente parece que en el codigo, en el apartado gk.menu, hay un punto al comienzo y no se si debería haber una #. No se, el caso es que el menú no se mueve.

ResponderCitar
Respondido : 18/04/2012 2:23 pm
Miguel Tuyaré
 Miguel Tuyaré
Honorable Member

Hola Rubén:
Has habilitado el uso de override.css?
De lo contrario no cargará nada de lo que pongas allí.

Accede a los parámetros de la plantilla y ubica la sección "Advanced Setting", allí verás "Override CSS", pulsa para que quede en on.

Con respecto al . (punto) es correcto, en CSS indica una clase. La almohadilla es un identificador.

Orientar personas, despertar vida.

ResponderCitar
Respondido : 18/04/2012 2:52 pm

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

Rubén
 Rubén
Usuario activo

Lo mismo que antes no, AHORA SI.

Gracias,

solamente que ahora me ha dejado una altura demasiado grande, y me sobra espacio debajo del logo.

Imagino que será algo que tenía cambiado en otro css, no?

como lo bajo?

ResponderCitar
Respondido : 18/04/2012 5:32 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Rubén,

Para bajar un poco el logo tienes que direccionarte al fichero: templates/gk_esport/css/override.css en la línea 13 aproximadamente modificar el top:

h1#gkLogo {
    background: none repeat scroll 0 0 transparent;
    float: none;
    height: 93px;
    margin: -1px 0 -1px -1px;
    position: relative;
    top: -13px;
    width: 300px;
}

Saludos.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 19/04/2012 5:13 am

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

Rubén
 Rubén
Usuario activo

Vaya, quizá me haya expresado mal. Efectivamente con la configuración que me indicas el logo baja, pero realmente lo que yo quería decir es que subiese el menú, para que no haya tanto espacio entre los enlaces de registro, acceso usuarios, etc y el menu principal.

ResponderCitar
Respondido : 19/04/2012 12:25 pm
Miguel Tuyaré
 Miguel Tuyaré
Honorable Member

Hola Raquel:
Puedes acercar todo modificando el height y el top que te indicó Johnny, por ejemplo así:

h1#gkLogo {
    background: none repeat scroll 0 0 transparent;
    float: none;
    height: 75px;
    margin: -1px 0 -1px -1px;
    position: relative;
    top: -30px;
    width: 300px;
}

Orientar personas, despertar vida.

ResponderCitar
Respondido : 19/04/2012 3:32 pm

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

Rubén
 Rubén
Usuario activo

PERFECTO!!!

Solucionado, ahora solo queda bajar los accesos directos de la derecha y ponerlos mas grandes, pero voy a intentarlo y buscar un poco y si no lo consigo creo que lo mejor es abrir otro hilo.

Muchas gracias,

ResponderCitar
Respondido : 19/04/2012 5:55 pm

Por favor Iniciar Sesión o Registro