El css adicional no se aplica

  • jalalai

    (@jalalai)


    hace 3 semanas, 6 días

    Buenas, he creado un subdominio de mi web, he añadido css adicional (algo muy sencillo) en el editor de archivos del tema.

    Y los nuevos estilos no se aplican.

    Son los siguientes:

    @charset "UTF-8";

    /estilos minerales/
    body{
    font-family:Arial, Helvetica, sans-serif;
    color: black;
    background-color: white;
    }

    h1{text-align: center;
    color: #CC3366;

    }

    h2, h3, h4, h5, h6{ color: #CC0066;

    }

    p{ color: black;

    }

    sup {color: #0277bd;}
    span {color: white;}

    strong {color: black;}

    /enlaces/
    a:link{ color: #CC3333;
    text-decoration: none;}

    /visitado/
    a:visited{ color: #CC0000;}

    /sobrebolar/
    a:hover{ color: #CC0033;}

    /al clicar en el enlace/
    a:active{ color:#CC3333;}

    /enlaces subrraiyado/
    a:link{ color: #515a5a;
    text-decoration: underline; }

    /tablas/

    table {
    border: 2px solid #003366;
    }
    th, td{
    border: 2px solid #003366;
    }

    Son cambios muy sencillos que ya aplique en la web principal (solo cambia los colores) y allí si funcionan.

    He buscado alguna solución y he encontrado lo siguiente:

    En functions.php añadir el siguiente código

    if (! defined(‘WP_DEBUG’)) { die( ‘Direct access forbidden.’ ); } add_action( ‘wp_enqueue_scripts’, function () { wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ ); });

    Pero no ha resultado

    ¿Alguien podría ayudarme?

    Un saludo

    • Este debate fue modificado hace 3 semanas, 6 días por jalalai.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Moderador almendron

    (@almendron)

    hace 3 semanas, 5 días

    Elimina el CSS personal y el código de functions.php. Me avisas cuando lo hayas hecho y le echo un vistazo.

    Iniciador del debate jalalai

    (@jalalai)

    hace 3 semanas, 5 días

    Buenas

    ya está todo borrado

    gracias

    Moderador almendron

    (@almendron)

    hace 3 semanas, 5 días

    Los estilos te los está pisando Elementor. Prueba en https://minerales.remediosolvidados.com/wp-content/themes/astra-child/style.css?ver=6.6.1 a añadir «!important» a cada declaración.

    Por ejemplo:

    body {
    	font-family: Arial, Helvetica, sans-serif !important;
    	color: black !important;
    	background-color: white !important;
    }
    Iniciador del debate jalalai

    (@jalalai)

    hace 3 semanas, 5 días

    Buenas

    gracias por tu sugerencia, pero no ha funcionado, a lo mejor debería dejar de usar elementor, aunque la verdad llevo un tiempo trabajando con ello y me resulta muy cómodo.

    Un saludo

    Moderador almendron

    (@almendron)

    hace 3 semanas, 4 días

    He vuelto a mirar en https://minerales.remediosolvidados.com/wp-content/themes/astra-child/style.css?ver=6.6.1 y no veo que hayas añadido lode «!important»

    Iniciador del debate jalalai

    (@jalalai)

    hace 3 semanas, 4 días

    Perdón no me he dado cuanta de que no había quitado un <<;>>

    lo había puesto así

    body{
    font-family:Arial, Helvetica, sans-serif;
    color: black;
    background-color: white; !important;
    }

    ahora por ejemplo, veo que el css de los enlaces sí se aplica en el color del enlace pero no en el resto

    Moderador almendron

    (@almendron)

    hace 3 semanas, 4 días

    Yo creo que ya te los está cogiendo.

    ¿Qué elemento y qué propiedad es la que no coge?

    Iniciador del debate jalalai

    (@jalalai)

    hace 3 semanas, 4 días

    La mayor parte: el color de los títulos, el color del texto…

    Te adjunto el código a lo mejor ves algún fallo que no he sido capaz de ver

    @charset "UTF-8";

    /estilos minerales/
    body{
    font-family:Arial, Helvetica, sans-serif;
    color: black;
    background-color: white !important;
    }

    h1{text-align: center;
    color: #CC3366 important;

    }

    h2, h3, h4, h5, h6{ color: #CC0066 !important;

    }

    p{ color: black !important;

    }

    sup {color: #0277bd !important;}
    span {color: white !important;}

    strong {color: black !important;}

    /enlaces/
    a:link{ color: #CC3333
    text-decoration: none !important;}

    /visitado/
    a:visited{ color: #CC0000 !important;}

    /sobrebolar/
    a:hover{ color: #CC0033 !important;}

    /al clicar en el enlace/
    a:active{ color:#CC3333 !important;}

    /enlaces subrraiyado/
    a:link{ color: #515a5a;
    text-decoration: underline !important;}

    /tablas/

    table {
    border: 2px solid #003366 !important;
    }
    th, td{
    border: 2px solid #003366 !important;
    }
    • Esta respuesta fue modificada hace 1 semana, 4 días por kallookoo. Razón: Etiqutado el codigo
    Moderador almendron

    (@almendron)

    hace 3 semanas, 4 días

    A ver:

    El color del texto ya es negro y el fondo blanco, así que «body» funciona.

    «a:link» lo tienes repetido con el primero de una forma y el segundo con otra.

    Lo de «h2» también funciona ya que sale en color rosa.

    Creo que sería conveniente que miraras un manual de CSS para comprender bien como funcionan los estilos.

    Iniciador del debate jalalai

    (@jalalai)

    hace 3 semanas, 4 días

    Mugas gracias por toda tu ayuda

    • Esta respuesta fue modificada hace 3 semanas, 4 días por jalalai.
Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Debes estar registrado para responder a este debate.

Etiquetas