• Hello,

    https://tomaszracje.darmowy-host.pl/wordpress/

    As you can see there is small 16px margin on top of the site. I cannot debug where does it come from.

    and

    .menu ul li{
    
    	display: inline-block;
    	padding-right: 33px;
    	padding: 17px 33px 17px 0px;
    }

    has nothing to do with this.

    Any suggestions?

    [Moderator Note: Please ensure that you are embedding links correctly in your posts. Link corrected.]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter WouldYouHelpMe

    (@wouldyouhelpme)

    Computed values showing padding/margin 0px, but on the box I see 16px on top and bottom. Dunno what to do.

    Are you using Firebug?

    Thread Starter WouldYouHelpMe

    (@wouldyouhelpme)

    Switch to the Style tab (on the right) and you will be able to not only see which CSS is being applied (and which is over-written) but the name of the .css file and the line number in each case.

    Firebug is cool! ??

    Thread Starter WouldYouHelpMe

    (@wouldyouhelpme)

    Okay, propably I see.

    html.css SYSTEM firefox

    But what the check?! I cannot modify this file, and there is not even 16px value :/

    On chrome everything is okay, I think that I should use

    .menu ul{
    margin:0px;
    padding:0px;

    }

    Can you see the full path for that .css file in the Style tab?

    That’s probably Firefox’s default stylesheet, which it uses if it can’t find any other rules to apply. You probably aren’t supposed to be able to edit the default stylesheet. Instead, you can override the margins in your theme’s stylesheet:

    .menu ul {
      margin: 0;
    }

    and then you’ll probably want to add some margin on the wrapper:

    #wrapper {
      margin: 20px auto;
    }
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Unknown origin padding on my’ is closed to new replies.