Aplicar mi CSS después del padre

  • Avatar de Desconocido
    petitot · Miembro ·

    uenas,
    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>&nbsp;</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 gracias

    saludos

  • Avatar de Desconocido
    galois · Moderador ·

    Hola.
    Este foro es para sitios web alojados en WordPress.com y el tuyo está alojado en un hosting con el que esta plataforma no tiene relación.

    Para que se entienda mejor, WordPress.com y WordPress.org son cosas diferentes. WordPress.com es una plataforma virtual en donde se manejan los sitios o blogs creados aquí.

    WordPress.org es un software independiente que puedes bajar para crear un sitio y luego alojarlo con cualquier otro proveedor.

    Encontrarás más información sobre las diferencias entre ambos aquí

    Así que deberías publicar tu pregunta en los foros de WordPress.org:

    Support Forums

    O en el soporte técnico de tu hosting.

    Saludos y suerte.

  • Avatar de Desconocido
    petitot · Miembro ·

    Pero entonces…wordpress.com no usa el software de wordpress.org? usa otro software?, me cuesta entenderlo, porque hasta los iconos del SITIO son idenditos el de wordpress.com y el de wordpress.org… wordpress.com SOLO es par alojar WEBS?? perdon si estoy diciendo una chorrada y es todo una obviedad…

  • Avatar de Desconocido
    galois · Moderador ·

    Si lees mi respuesta completa y el enlace que te puse, lo comprenderás perfectamente.
    Lo vuelvo a poner, por si no lo leíste:
    https://es.support.wordpress.com/com-vs-org/

  • El debate ‘Aplicar mi CSS después del padre’ está cerrado y no admite más respuestas.