Element.style automatically rewrites my CSS

Sparkling
1

Hello,

For the needs of my site, I wanted to make sure that whatever the height of the page, the footer is always at least 100% of the screen height.

To do this, I had to tell a tag on the site:
Height: 100%

Only, each time I apply the css, a “style” tag comes directly in the HTML, to apply the effect:
style=“Height: auto!important”

This prevents me from setting up my site correctly and it seems that it comes from the parent theme.

Would you have more information about this automatic rewriting?

To see the bug of my footer bar, it’s here : Archives des Closed Bêta • Aeter'News

small precision: my CSS was working this morning, the automatic rewriting directly in the HTML happened in the afternoon

2

Anyone have an idea ?

to show in pictures what it looks like :
My css -
Imgur
What is happn into the html line -
Imgur
what the end result is -
Imgur

Ps : i can’t overwrite that with an !important

3

Hi there

Try something like this:

html body div.site {
height: 100vh !important;
}

4

I try it yersteday, not working :confused:
Imgur

5

I try to rewrite with JS on my child theme, not working too
Imgur

6

Hi

Ok, this means style was added by JS code, please check the main js file and review for the css class, somewhere you will see “height: auto !important”