Sustituir estilo CSS en WordPress para plantilla específica

  • Autor Autor luisdom
  • Fecha de inicio Fecha de inicio
L

luisdom

Épsilon
Hola amigos betas:

Había puesto esta duda en la sección de CSS pero no he recibido ayuda, quizás alguien por aquí pueda echarme una mano...

Tengo una duda que supongo que será fácil de contestar para alguno de ustedes.
En wordpress tengo un plugin que digamos que maneja varios estilos de diseño.
Ya descubrí cual estilo quiero pero va en una plantilla distinta, por lo que tengo y quiero hacer:
Remplazar:
.xxx por digamos .xxx2 en el CSS del tema o bien desde functions.
No me importa que el .xxx deje de servir porque no lo usaré... quiero en la plantilla elegida, el otro estilo.
Supongo debe de haber una fórmula de remplazar el estilo por otro no? sustituirlo o cambiarlo...
no puedo hacerlo cambiando directamente el estilo porque no está en el css y no lo encuentro en los otros archivos.

necesito en style.CSS del tema algo como:

.xxx {
*remmplazarlo por el estilo de .xxx2* ????? que iría aquí?
}

o bien en functions algo que reemplace un estilo por otro.

***Aclaro:
No puedocambiar la clase al elemento porque justo no lo tengo encontrado. Necesito reemplazar uno con otro con nuevo codigo. Solo tengo ubicados los nombres de ambos estilos pero no todo lo que contienen... Sobreescribirlo como seria? Alguna idea de como puede ir el codigo adicional para que un estilo deje de tener su "estilo" valga la redundancia u con el mismo nombre adopte el estilo de otro?

Espero alguien pueda ayudarme. Mil gracias!!!
 
Prueba colocando !important en el estilo que necesites aplicar. Ejemplo

tienes un estilo en un div

<div class="hola khace">saludo<div/>

estilo #1

.hola {
color:red;
}

estilo #2
.khace {
color:white !important;
}

solo muestra el texto color blanco. de lo contrario se mostrara rojo
 
Simplemente utiliza estilos en cascada y listo. Un estilo emplaza al otro. Es muy sencillo de realizar, te toca investigar un poco para que el aprendizaje sea eficaz.

Los estilos en cascada se declaran en el header, así que no tienes que tocar nada del resto del código.
 
Pues no es sencillo lo que quieres hacer porque no creo que las clases y id´s del estilo que te gusta, tenga los mismos nombres que el estilo de tu sitio. Ese es el primer problema. También está que si lo haces manual sería casi como "clonar" un sitio, el css de tu plantilla sería modificada por completo.

Intenta con un childtheme, todo lo que se encuentre ahí, reemplazará las características originales de la plantilla. Pero repito, el css que te gusta no tiene las clases y id´s iguales al css de la plantilla, ese es el verdadero problema.
 
Mmmm creo que tal vez no me he explicado muy bien...
No ubico los estilos en el CSS no están pues... es parte de un plugin, pero tengo detectados los nombres del que no quiero (que esta puesto y no lo puedo quitar) y solo quiero reemplazar ese estilo por otro, así que la regla que [MENTION=9070]rayden[/MENTION] me mencionas, no la puedo poner pues desconozco el contenido del estilo de ambos. Quiero hacer el reemplazo con el puro nombre de estilos
.xxx por .xxx2 por poner un ejemplo.

[MENTION=30246]Wytzklaw[/MENTION] en cascada sería un reemplazo? sabes cómo iría? me podrías ayudar diciéndome un ejemplo? esto hace que se elimine el estilo de un nombre y se reemplace por el estilo de otro nombre ?

[MENTION=2092]krusty72[/MENTION] los nombres de estos estilos son propios de un plugin, pero en el editor del plugin ya repase todos los archivos y no están, supongo que no se puede por ahi porque para esos cambios existe una version de pago... necesito hacerlo manual añadiendo al CSS del tema, el reemplazo de un estilo por otro, eso es todo... un childtheme me cambiaria muchas cosas que no son necesarias y los estilos no son del tema ni de la plantilla, son unos estilos propios de un plugin.

Para ser más exactos y esperando ojalá me puedan ayudar:
Hay unas cajas de diseño que tienen este estilo en una imagen: .image-block_1
En otra opcion estilo que no me gusta, pero si el del tamaño y despliegue de la imagen en cuestión, esa imagen tiene este otro estilo: .main-image-block_1
si que quiero quedarme con la version u opcion de diseño 1, pero cambiando sólo la propiedad del estilo de la imagen por la del segundo estilo...

Repito que yo creo que debe de existir algun codigo simple de reemplazo de propiedades de un estilo por otro para añadir al CSS o incluso desde el function... 🙁 Aclaro de nuevo: desconozco el contenido del estilo como tal de cada uno, sólo sé los nombres de los estilos. y no ubico poder cambiar un estilo por otro en el archivo en donde debería de hacerse, por lo que necesito hacer un reemplazo pero respetando el nombre origibal del estilo puesto (1) pero con laspropiedades del estilo 2.

Gracias!!!! :encouragement:
 
[MENTION=35799]luisdom[/MENTION] mira pienso que el problema es algo simple de resolver, solo que a ciegas es irnos a largas.
Dime si mis poderes telepáticos no fallan:

Hay unas cajas de diseño que tienen este estilo en una imagen: .image-block_1

<div class="image-block_1">
<img src="http://link.png" />
</div>


En otra opcion estilo que no me gusta, pero si el del tamaño y despliegue de la imagen en cuestión, esa imagen tiene este otro estilo: .main-image-block_1
<div class="main-image-block_1">
<img src="http://link.png" />
</div>




si que quiero quedarme con la version u opcion de diseño 1,

<style type="text/css">
.image-block_1 {
atributo: adornoCaja;
}


.main-image-block_1 {
atributo:AdornosCaja;
}


.image-block_1 img{
atributo:bonito;
}


.main-image-block_1 img{
atributo:cool;
}


</style>
pero cambiando sólo la propiedad del estilo de la imagen por la del segundo estilo...
<style type="text/css">
.image-block_1 img{
atributo:cool;
}


.main-image-block_1 img{
atributo:cool;
}
</style>


Aclaro de nuevo: desconozco el contenido del estilo como tal de cada uno, sólo sé los nombres de los estilos. y no ubico poder cambiar un estilo por otro en el archivo en donde debería de hacerse, por lo que necesito hacer un reemplazo pero respetando el nombre origibal del estilo puesto (1) pero con laspropiedades del estilo 2.

Para eso utiliza el inspector de elementos de chrome y te mostrará los estilos de ambos (todo) id o class de la pagina

Si no adivino, puedes enviarme el link de tu pagina para buscarte el codigo fuente
 
[MENTION=9070]rayden[/MENTION] primero que nada mil gracias por dedicarle tiempo a escribir tu amplia respuesta...

ando checando lo que me comentaste en cada paso y lo que mejor me funciionó fue tu recomendación del inspector de chrome; exactamente el plugin no me ha dejado lo que deseaba, pero me ayudó lo que me dijiste para medio resolver al menos que no se viera como aparecía. Gracias por la ayuda!
saludos a todos y gracias
 
Atrás
Arriba