Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

estilo css por elemento

Estas en el tema de estilo css por elemento en el foro de WordPress en Foros del Web. Buenas, vuelvo a la carga con worpress, woocommerce y los estilos CSS. tengo : Código PHP: <?php  // matriz de colores $colors  = array( '#ff0000' , '#00ff00' , '#0000ff' ...
  #1 (permalink)  
Antiguo 09/03/2016, 14:27
Avatar de pdominguez0608  
Fecha de Ingreso: enero-2013
Ubicación: Alcobendas
Mensajes: 40
Antigüedad: 11 años, 10 meses
Puntos: 0
estilo css por elemento

Buenas,

vuelvo a la carga con worpress, woocommerce y los estilos CSS.
tengo :
Código PHP:
<?php // matriz de colores

$colors = array('#ff0000','#00ff00','#0000ff','#ff00ff','#ffff00','#00ffff''#FFA500');

// seleccionamos aleatoriamente un elemento de la matriz

$color_key array_rand($colors1);

$color $colors[$color_key];?>
<style>
.woocommerce ul.products li.product h3 {
    border-left: 15px solid <?php printf($color); ?> !important;
    }        
</style>
en archive-product.php
con lo que pongo un color de borde aleatorio, dentro de los seleccionados en el array, a la presentación de los elementos en la tienda.(categorías, sub-categorías y productos)
pero se aplica a todos los elementos que se cargan cada vez.

lo que quería conseguir, es que sea aleatorio pero para cada uno de los elementos que se cargan, osea, cada categoría, sub-categoría o elemento de la misma pagina cargada que tenga el borde diferente.
¿donde puedo aplicar el estilo para conseguirlo?

gracias de antemano.
__________________
http://www.facebook.com/Punto3Web
  #2 (permalink)  
Antiguo 10/03/2016, 09:57
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: estilo css por elemento

Se mas especifico en tus selectores CSS
Código CSS:
Ver original
  1. .woocommerce ul.products li.product h3{}

si tu das una instrucción general es normal que se reaccione de forma general.

Etiquetas: woocommerce
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:34.