Aplicar mi CSS después del padre
-
Buenas,
estoy montando una web en wordpress y pese a no haberlo hecho nunca, lo estoy haciendo bastante bien la verdad. Se programar y he hecho webs en la antiguedad con HTML a pelo y con boostrap después por lo que esto de wordpress no es complicado del todo, pero tengo problemas a la hora de aplicar mis estilos.Tengo un wordpress y me he creado un tema hijo con su style.css y su functions.php, a priori funciona porque lo que aplico en mi style, se aplica, pero por ejemplo quiero poner una IMAGEN dentro de un circulo y uso esto:
.circular-image { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
y la etiqueta en la pagina es esta:
<div class="rouned-box"> <img class="circular-image" width="1024" height="1024" src="foto.jpg" sizes="(max-width: 1024px) 100vw, 1024px"> <p> </p> <figcaption><h3 style="text-align: center;"><span style="color: #707265;">Asesoria</span></h3> <p style="text-align: center;">texto a poner debajo</p> </div>
Decir que ademas lo que hago es RECUADRAR la imagen y el texto y esto si funciona, llamando a esta parte:
.rouned-box { margin:0 0 25px; overflow:hidden; padding:20px; /*background-color:#6BD5F1;*/ border:1px solid ; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
Pero, lo que no me hace es ponerme la foto en un circulo…. SI depuro la WEB, veo que esta aplicando la parte de IMAGEN del tema padre…
.elementor img { height: auto; max-width: 100%; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
Concretamente el
-webkit-border-radius: 0;
y si lo descomento en la depuración del chrome, si me aplica el de mi estilo y pone la foto en un circulo… Lo que no es es porque PREVALECE el etilo del TEMA PADRE y no el del TEMA hijo…. alguién sabe porque? muchas graciassaludos
- El debate ‘Aplicar mi CSS después del padre’ está cerrado a nuevas respuestas.