how to delete margin-top: 32px !important from twenty twelve

Question

I want to remove the margin-top property from twenty twelve theme. This is the default theme provided by wordpress. The sample of the code what I found with the help of firebug.

Answer 1

You can specify an identifier for the html tag in the template and set it to margin-top: 0! important;

#html {margin-top: 0 !important;}

Answer 2

Go to the functions file inside your theme folder:

functions.php

add_action('get_header', 'remove_admin_login_header');

function remove_admin_login_header() {
    remove_action('wp_head', '_admin_bar_bump_cb');
}

Answer 3

I think it is because you are logged in in your wordpress account and that 32px space corresponds to the black menu line that is on the top of your page, which doesn't appear but leaves the space for it . Log out and refresh the page and see if it continues or open the website in an other browser.

Answer 4

Try with show_admin_bar(false); in your functions.php file.

Answer 5

Add the following function to your functions.php file

function my_function_admin_bar(){ return false; }
add_filter( 'show_admin_bar' , 'my_function_admin_bar');

Answer 6

Please try it....

html.k-webkit.k-webkit78 { margin-top: 0 !important; }