Proteger archivo css

Resuelto webproject1618
(@webproject1618)

hace 2 semanas, 6 días

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)

Alvaro Torres
(@algato333)

hace 2 semanas, 5 días

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)

hace 2 semanas, 5 días

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.

Alvaro Torres
(@algato333)

hace 2 semanas, 5 días

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)

hace 2 semanas, 5 días
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.
Alvaro Torres
(@algato333)

hace 2 semanas, 5 días

Hola,

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

Saludos

Iniciador del debate webproject1618
(@webproject1618)

hace 2 semanas, 5 días

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)

hace 1 semana

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.

Etiquetas del debate

Vistas