Soporte » Guías – Resolución de problemas » Proteger archivo css

  • Resuelto webproject1618

    (@webproject1618)


    Estoy haciendo una página probando el plugin «elementor» y tengo el siguiente problema:

    Estoy intentando modificar el codigo css de un archivo llamado post-1082.css ubicado en /wp-content/uploads/elementor/css

    El problema es que una vez modificado, cuando edito la página desde elementor y le doy actualizar, me elimina los cambios que hice en ese css. Probé a cambiar los permisos del archivo, pero nada, me sigue poniendo el css por defecto y borrando los cambios que hago.

    Si alguien sabe como solucionarlo se lo agradecería.

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

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Hola @webproject1618,

    Si quieres modificar CSS en WordPress y no cuentas con conocimientos avanzados te recomiendo que lo hagas a través del Customizer. Lo encontrarás en Apariencia/Personalizar/CSS Adicional.

    Para atacar en CSS una página concreta verás que en la etiqueta <body> existe un identificador único llamado page-id o postid, dependiendo de si es uno u otro.

    Espero haberte ayudado, Saludos

    Iniciador del debate webproject1618

    (@webproject1618)

    Disculpa mi ignorancia, pero no te entiendo. Desde Apariencia/Personalizar/CSS Adicional no aparece el código que yo quiero modificar. El código que yo te digo está en wp-content/uploads/elementor/css y cuando lo modifico queda bien, el problema es si vuelvo a usar elementor, que me borra cambios que hice en ese archivo.

    Gracias por contestar.

    Hola de nuevo @webproject1618,

    Desde Apariencia/Personalizar/CSS puedes colocar código CSS que afecte a cualquier elemento de la web. Tan solo debes escoger el selector correspondiente como harías en cualquier otro lugar.

    Espero haberte ayudado, saludos

    Iniciador del debate webproject1618

    (@webproject1618)

    Desde donde tu me dices no hace el mismo efecto, que desde el archivo donde yo te digo. No sé por qué. Lo que quiero es que no se me separe la foto del header al darle al zoom. Cambiando en el archivo

    .elementor-1082 .elementor-element.elementor-element-7ae8eb8 > .elementor-container{min-height:90vh;}

    por esto

    .elementor-1082 .elementor-element.elementor-element-7ae8eb8 > .elementor-container{height:700px;}

    se soluciona. Desde donde tu me dices no hace efecto. Solo desplaza la imagen hacia abajo pero no la bloquea. No soy muy experto en el tema y no sé por qué puede ser.

    Hola,

    Prueba a ponerle !important entre el valor y el punto y coma.

    Saludos

    Iniciador del debate webproject1618

    (@webproject1618)

    Probé a ponerle eso en el archivo css y desde apariencia/personalizar y no me ha funcionado. Pero gracias por intentar ayudarme. El problema es que pongas le que le pongas elementor reescribe el archivo.

    Iniciador del debate webproject1618

    (@webproject1618)

    Nada al final lo que hago es hacer modificar esa opción al final de mis cambios y no toco más elementor para que se mantenga el cambio. Así que doy el tema como solucionado.

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Debes estar registrado para responder a este debate.