Home/ Questions/Q 8977835
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T19:27:51+00:00

The HTML tag on this page I’m working on is in a class that

  • 0

The HTML tag on this page I’m working on is in a class that is giving it a top padding of 28px. I need this to go away temporarily when a button is clicked, but it doesn’t appear that I can change the styling of the HTML tag itself.

Will I need to use position: relative; on the body tag or something similar? Is there really a way to assign CSS to the HTML tag that I don’t know about?

@ Comments:

Sorry, I’m in a bit of a rush here. It’s something to the effect of this:

<html class='pad_my_top'>
<head>

<style type='text/css'>
    .pad_my_top{
        padding-top: 28px;
    }

    body{
        background: #000000;
    }
</style>

<script type='text/javascript'>
    function its_gone(){
        // Something here to remove padding.
        alert("It's gone. Hurray!");
        // Something to put it back.
    }
</script>

</html>
<body>

<button onClick='its_gone()'>Click me to get rid of the top padding</button>

</body>
</html>

I really want it gone so I can print the page with Javascript, but I’d rather not use any 3rd party code because this is for a plugin for WordPress and I don’t want a billion dependencies. I only need to hide/re-display 3 divs and (re)change 2 styles.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use this to remove the top padding:

    document.documentElement.style.paddingTop = "0";

    and this to set it back:

    document.documentElement.style.paddingTop = "28px";
    • 0