Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Disminuir la altura de un modulo tabs  

 
José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Hola a todos:

En el menú servicios, utilizo 2 módulos xpert tabs, veo que la altura de dichos módulos son muy altos, me podrías decir como reducirlo.

Si me podéis decir que archivo y línea tengo que cambiar la altura, ya que no lo se encontrar con inspeccionar elemento no con firebug.

Si me podéis decir como cambiar la altura del menú principal os lo agradecería también, no se si cambiando un modulo el otro va asociado al menú y viceversa.

Un cordial saludo.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 09/11/2014 12:23 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose Antonio.
me podrías decir como reducirlo.

Si te refieres a la altura del menu prueba a modificar el archivo xperttabs.css que se encuentra en la ruta:
templates/tx_zenith_ii/css/xperttabs.css

Sobre la linea 8 tienes:

.txtabs-content {
    background: none repeat scroll 0 0 #fff;
    margin: 0 -100%;
    padding: 50px 100%;
}

Modifica la linea padding, por ejemplo:

.txtabs-content {
    background: none repeat scroll 0 0 #fff;
    margin: 0 -100%;
    padding: 10px 100%;
}

Un saludo

ResponderCitar
Respondido : 09/11/2014 3:50 pm

Cursos Gratuitos WordPress

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Muchas Gracias Pepe.

Ok he podido reducir la altura del tabs.

Un detalle, si te fijas en le menú servicios, hay 2 tabs, con lo que me has dicho me ha cambiado la altura del segundo tabs, pero donde puedo cambiar la altura del primer tabs, ya que con lo que me has dicho no cambia la altura del primer tabs.

Un Cordial Saludo.

ResponderCitar
Respondido : 09/11/2014 5:04 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola José Antonio,

Creo que se queda afectado, por el tema de que estás mostrando el menú principal en dos filas. Es mejor que corrijas el menú para que se muestre en una fila.

Saludos

ResponderCitar
Respondido : 10/11/2014 10:10 am

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

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Gracias Jordi.

Porque me dices que queda afectado por mostrar el menú principal en dos fijas, yo no muestro el menú principal en dos filas lo que hago es que tengo en el Menú principal servicios dos módulos xtabs, uno para el determinar los departamentos y otros para las opciones de cada departamento.

No se si me he explicado.

No utilizo el menú principal en dos filas.

Un saludo.

ResponderCitar
Respondido : 10/11/2014 10:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Actualmente se ve como se muestra en la captura

Primero si que el menú principal tiene dos filas, luego los tabs los veo correctos, tendrías que indicarnos a través de una captura de pantalla que cosa quieres cambiar

Saludos.

ResponderCitar
Respondido : 10/11/2014 11:54 pm

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

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Buenos días Jhon:

Gracias por tú respuesta.

En la imagen menu y tab.JPG, te indico unas flechas con unos puntos.

Punto 1. El menú principal no se porque tiene 2 lineas, me gustaría que NO tuviese 2 líneas que el menú ocupase toda la zona azul de la posición top. Además me gustaría que fuese MÁS BAJO LA POSICIÓN TOP, ya que la veo muy alta la zona del menú.

Punto 2. El primer tabs (Área Fiscal, Área Laboral, Otros Servicios), es muy alto me gustaría ponerlo más bajo, en los diferentes post que me habéis puesto indicaba como disminuir el tabs 2, pero NUNCA he visto como poder cambiar el tabs 1.

Punto 3. Tabs 2, este tabs si se como cambiarlo.

Esta forma de presentar los submenus, la veis que es muy complicada, ME ACONSEJÁIS DE HACERLO DE OTRA FORMA.

Un cordial Saludo

ResponderCitar
Respondido : 11/11/2014 9:04 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Jose Antonio,

Me parece mucho más sencillo el tema de los submenus tal como se muestra en la demo http://demo.themexpert.com/joomla/zenithii/ (es como están realizados la gran mayoría de sitios web).

Saludos

ResponderCitar
Respondido : 11/11/2014 9:48 am

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

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Gracias Jordi.

Me gustaría reducir la parte de donde tengo el menú y luego en la parte de servicios, subir un poco la altura de los tabs.

He conseguido en el archivo template.css línea:

407 .block,
408 .tabbable,
409 .accordion {
410 padding: 10px;
411 margin: 5px;
412 position: relative;
413 display: table-cell;

He cambiado la línea 410 antes tenia 12px y lo he bajado a 10px
La línea 411 también he cambiado los px.

Con respecto a la línea 413 al display le he puesto table-cell, antes tenia block, me gusta como queda con el table-cell, lo único que pasa es que en el menú inicio el slide que tengo puesto me lo hace muy pequeño.

¿Que puedo hacer para que el slide salga bien y que las alturas que tiene tanto el menú y los tabs del menú servicios por ejemplo salga a una altura correcta, no que salga muy alto con respecto al display: block.?

POR FAVOR ME HACE FALTA SOLUCIONAR ESTO PORQUE CASI LO TENGO TODO LISTO PARA PUBLICAR MI PAGINA WEB DEFINITIVAMENTE.

Un cordial saludo

ResponderCitar
Respondido : 24/11/2014 1:00 pm
José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Hola otra vez

En el post: #182226 de pepe, me soluciono la altura del 2º tabs, pero por ejemplo en el menú SERVICIOS, tengo 2 tabs.

El primer tabs, no se donde cambiar. ¿COMO LO SOLUCIONO?
El segundo tabs, me lo soluciono pepe en su post: #182226

Me quedaría también solucionar la altura del Menú quiero que sea más pequeña y que este centrado.

Un Cordial Saludo

ResponderCitar
Respondido : 24/11/2014 1:13 pm

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Hola a todos:

Con respecto a la altura del menú principal, a través del Inspeccionar Elemento he averiguado lo siguiente:

Si quito la clase div class que se ve en la imagen Menu1.jpg, me soluciona el problema de la altura de mi menú, lo que no se que parte del archivo template.css, tengo que quitar, se que es la línea 1446 del template.css, pero no se lo que tengo que quitar y hasta donde quito?

En la imagen Menu2,jpg, se puede ver mi menú que tiene una altura perfecta para lo que yo quiero.

Saludos

ResponderCitar
Respondido : 24/11/2014 1:50 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Agrega el siguiente código al final de tu archivo template.css :

@media (min-width: 768px) {
	.widget-logo{
		display:none!important;
	}
}

Saludos.

ResponderCitar
Respondido : 24/11/2014 6:43 pm

Cursos Gratuitos WordPress

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Muchísimas Gracias Jhon:

Con lo que me has pasado he solucionado el problema del menú principal.

¿Hay alguna forma de disminuir el tabs1 del menú principal servicios.?, lo puedes ver en la imagen Parte Superior.jpg

Quiero pegarlo un poco más al menú principal.

Un cordial Saludo.

ResponderCitar
Respondido : 24/11/2014 6:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente con la altura que tiene es correcta, el contenedor que da el margen es un genérico .block, cambiarlo te cambiaría otras partes del sitio por lo que te recomiendo no modificar esto.
Saludos.

ResponderCitar
Respondido : 24/11/2014 10:06 pm

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