Asignar clases de listas del template a modulo K2  

 
Gabriel
 Gabriel
Estimable Member

Hola mi duda es: cual es el "procedimiento" para asignarle la clase list-square, de los estilos de la plantilla Favourite, a una lista de K2 content.

La clase del template favourite es "list-square".
Y el modulo (al que previamente le asigne un margen 0) es:
a: #k2ModuleBox170 ul li{
margin:0;
}
Se observa sobre fondo amarillo en http://gabrielangio.com/clonJ36/index.php/segun-petroleo

Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 23/08/2016 7:41 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Simplemente copia los estilos adiiconales en el estilo de tu lista, es decir alg como :

Suponiendo que esta lista define padding:0

.list-square{
padding:0;
}

Realiza lo mismo en los estilos de tu lista

#k2ModuleBox170 ul li{
margin:0;
padding:0;
}

Saludos.

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

ResponderCitar
Respondido : 23/08/2016 10:31 pm

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

Gabriel
 Gabriel
Estimable Member

Trate de hacerlo, pero no se la sintaxis exacta y no lo toma. Pegue esto en el custom:
----------------------
/*Modulo Petroleo indice posicion focus3 PRUEBA*/
ul.#k2ModuleBox170 ul li {
list-style-type: none;
margin-left: 0;
}
ul.#k2ModuleBox170 ul li {
font-size: 14px;
line-height: 21px;
padding: 5px 0px;
}
ul.#k2ModuleBox170 ul li li:before {
font-size: 12px;
content: "f00c";
font-family: FontAwesome;
padding-right: 10px;
background-color: #9e9e9e;
color: #fff;
padding: 6px;
margin-right: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* ordered */
ol.#k2ModuleBox170 ul li {
counter-reset: li;
margin-left: 0px;
padding-left: 0px;
}
ol.#k2ModuleBox170 ul li > li {
font-size: 14px;
line-height: 21px;
padding: 5px 0px;
list-style: outside none none;
}
ol.#k2ModuleBox170 ul li li:before {
font-size: 12px;
color: #fff;
background: none repeat scroll 0% 0% #9e9e9e;
padding: 4px 8px;
margin-right: 10px;
text-align: center;
font-weight: bold;
box-sizing: border-box;
content: counter(li, decimal);
counter-increment: li;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

ResponderCitar
Respondido : 24/08/2016 12:45 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Prueba agregando un !important sobre las clases y comprueba nuevamente. Te recuerdo la leyenda del foro que indica: No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

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 : 24/08/2016 2:18 am

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

Gabriel
 Gabriel
Estimable Member

EL template favourite tiene codigo k2 dentro de template.css pero ademas un archivo K2style.css
Creo que no esta tomando lo que esta dentro del K2style.css.
Si es asi, como hago para que lo tome?

Doy un ejemplo ( http://nataliaygabriel.com/gabrielangio.com/clonJ36/ )

Dentro de K2style.css dice:

/* 1.5 Category Item View
---------------------------------------------------------------------- */

div.catItemView {
padding: 0 0 2em 0;
margin: 0 0 2em 0;
border-bottom: 1px solid #ddd;
overflow: hidden;
}
SIn embargo inspeccionando en Chrome estos valores no aparecen ni aun tachados.

ResponderCitar
Respondido : 26/08/2016 5:23 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Coloca tu código en altún archivo CSS que cargue tu theme, por ejemplo prueba con :
/gabrielangio.com/clonJ36/templates/favourite/css/custom.css

En este archivo puedes colocar al final tu código.

Saludos.

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

ResponderCitar
Respondido : 26/08/2016 7:26 pm

Cursos Gratuitos WordPress

Gabriel
 Gabriel
Estimable Member

Ok, pero cual es el propósito del k2style que hizo la gente de favthemes ?

ResponderCitar
Respondido : 26/08/2016 8:03 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Asegurate de que esa sea el nombre del archivo o tal vez se este fusionando con otro archivo y tiene otro nombre, o sólo carga en algúnas páginas.

De manera general, si no esta cargando, entonces, lógicamente no tiene ningún propósito, usa tu código en archivos CSS que carga tu theme.

Saludos.

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

ResponderCitar
Respondido : 26/08/2016 11:53 pm

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

Gabriel
 Gabriel
Estimable Member

Hasta ahora me funciona solo:
#k2ModuleBox127 ul li{
margin:0;

Pero no consigo, por ejemplo que la lista sea numerada
#k2ModuleBox127 ol li{
margin:0;

Como puedo hacer para numerar la lista? o se hace por overraide?
http://nataliaygabriel.com/gabrielangio.com/clonJ36/index.php/segun-petroleo/indice-del-tango-segun-petroleo

ResponderCitar
Respondido : 31/08/2016 6:17 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Coloca tu código CSS en algún archivo que cargue tu theme, por ejemplo puedes usar este archivo :
/gabrielangio.com/clonJ36/templates/favourite/css/custom.css

Saludos

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

ResponderCitar
Respondido : 31/08/2016 11:19 pm

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

Gabriel
 Gabriel
Estimable Member

¡Resuelto!
Logre que un modulo de K2 use una clase de lista que viene con el template Favourite en vez de usar sus propios estilos. B)
No lo pude hacer a travez de el custom.css sino a travez de overraide, pero es muy simple.

Para ver el resultado hacer click sobre Indice - El Tango según Petroleo - Indice en : http://nataliaygabriel.com/segun-petroleo

Procedimiento:
1- Ver como crear un overraide:
En mi caso necesitaba hacer el template de un modulo k2content, asi que lo hice usando esta ruta: modules/mod_k2_content/tmpl

2- Al modulo k2 content asignarle la sub-plantilla recien creada con overraide

3- Editar apenas el codigo de la subplantilla.
Ee la linea 20 se referia a las listas que estaba buscando.
cambie un ul por ol, porque quería que la lista sea numerada y le agregue una referencia a la clase del favourite:

      Voila!
      Ya toma los estilos de la list square del template favourite.
      Podría haber elegido cualquiera de estas: list-square, list-circle, list-color or list-dark (todas incluidas en el favourite)

      Tal vez haya alguna contraindicación, que nos pueda advertir un moderador del equipo de webempresa.

      Saludos

      ResponderCitar
Respondido : 02/09/2016 8:27 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Que bueno que lo solucionaste.

Creo que lo has hecho correctamente, ya que entiendo que copiaste el archivo de la carpeta modules/mod_k2_content/tmpl a los archivos de tu template dentro de la carpeta html

Saludos.

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

ResponderCitar
Respondido : 02/09/2016 10:53 pm

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

Gabriel
 Gabriel
Estimable Member

Gracias Jhon, me había olvidado de llevarlo hasta la carpeta html del template.

ResponderCitar
Respondido : 03/09/2016 12:30 am

Por favor Iniciar Sesión o Registro