Add support for header etc

  • Resolved soitora

    (@soitora)


    6 years, 4 months ago

    Hey, I’m using https://www.ads-software.com/plugins/loading-page/, it inserts itself between the </head> and <body>, I’m not sure if I am able to add it using this plugin or not (none of my tests works), but it looks like I can’t change the style of something pre-body.

    This is HTML from it being DOM Frozen in Chrome Inspection:
    <div class="lp-screen" style="width: 100%; height: 100%; background-color: rgb(255, 255, 255); position: fixed; z-index: 666999; top: 0px; left: 0px;"><span style="position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);display: inline-block;"><object data="https://anime-music.local/wp-content/uploads/loading.svg" type="image/svg+xml" width="120" height="120"></object></span></div>
    It’s inline styling but I think I can change it to follow (atleast background) css specifically.

    Sincerely,
    Soitora

    • This topic was modified 6 years, 4 months ago by soitora.
Viewing 1 replies (of 1 total)
  • Plugin Author markoarula

    (@markoarula)

    Hi,

    The important thing is that loader is inside the body tag. Try with something like this:

    body.wp-night-mode-on .lp-screen {
	background-color: rgb(0, 0, 0) !important;
}

    and you will have to use !important to override inline style.

    Best regards

Viewing 1 replies (of 1 total)
  • The topic ‘Add support for header etc’ is closed to new replies.