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
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.
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;
}
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.
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.
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.
Ok, pero cual es el propósito del k2style que hizo la gente de favthemes ?
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.
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
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
¡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
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.
Gracias Jhon, me había olvidado de llevarlo hasta la carpeta html del template.