• Resolved Simon

    (@flaxion)


    Hi. I’m trying to move the flags in the top down a bit. A padding of 4 or 5 px would be fine. When I do the change in Inspector (chrome or Firefox) it simulates this fix perfectly. But I can’t make it work in reality.

    What should I do?

    http://www.diction.dk

Viewing 15 replies - 1 through 15 (of 21 total)
  • Try adding a margin-top to #wrapper (line 44) in style.css

    Thread Starter Simon

    (@flaxion)

    Can’t find wrapper in line 44, but adding that to #wrapper doesn’t help either.

    I don’t see any margin-top in the CSS… what did you add and where?

    This is what it should be:

    #wrapper {
       margin-top: 20px;
    }

    Thread Starter Simon

    (@flaxion)

    In style.css can I only find these:

    #wrapper img.alignleft {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
    }

    #wrapper img.alignright {
    float: right;
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 15px;
    }

    and in another css file called hvid.css (firefox says it’s that one that’s used) I can find this:

    #wrapper {
    margin: 4px auto;
    width: 930px;
    padding: 0 30px 30px 30px;
    background-color: #fff;
    }

    I tried to change the last to what you said, but it didn’t help or change anything:

    #wrapper {
    margin-top: 20px;
    width: 930px;
    padding: 0 30px 30px 30px;
    background-color: #fff;
    }

    Looks like you made a typo in the pixels number — this is the CSS in that stylesheet:

    #wrapper {
    	margin: 0 auto;
    	margin-top: 00px;
    	width: 980px;
    	padding: 00px 00px 30px 00px;
    	background: #FFF url(../../img/backgrounds/bg.jpg) top center repeat-x;
    }
    Thread Starter Simon

    (@flaxion)

    I just downloaded hvid.css again and I don’t see what you see. I get:

    #wrapper {
    margin: 4px auto;
    width: 930px;
    padding: 0 30px 30px 30px;
    background-color: #fff;
    }

    “downloaded”?? Where are you making the changes? It should be ON your live site — in the CSS file(s).

    Thread Starter Simon

    (@flaxion)

    I’m editing with filezilla. The changes I make do get live πŸ™‚

    I just downloaded it to make sure, since you couldn’t see the changes I made.

    They are not getting saved — for some reason…

    So try again, I guess…in the hvid.css file, on line 44 this is the code that is currently there:

    #wrapper {
        background: url("../../img/backgrounds/bg.jpg") repeat-x scroll center top #FFFFFF;
        margin: 0 auto;
        padding: 0 0 30px;
        width: 980px;
    }

    Change the margin line to this:

    margin: 20px auto 0px;
    Thread Starter Simon

    (@flaxion)

    I don’t get this at all.
    I made the update. Didn’t see a change. Then I tried deleting the css file. Didn’t fuck up the site either??

    Doesn’t make sense. I clear my cache all the time.

    There are only two css files in the theme. style.css (which doesn’t contain #wrapper) and hvid.css

    Thread Starter Simon

    (@flaxion)

    Is there a way I can add margin or padding directly in the html/php and overrule the css? Perhaps that’s a solution? What I edit in the header.php do get updated/saved.

    Why are you trying to make changes in Filezilla? That’s not the usual way to edit CSS files. Go to Appearance –> Editor –> then select the hvid.css file from the list of files on the right side of the page… then make the changes there.

    http://codex.wordpress.org/Appearance_Editor_Screen

    Thread Starter Simon

    (@flaxion)

    Because I don’t have access to the controlpanel at the moment. Perhaps I should aquire that instead. Just thought editing in filezilla would do.

    Can’t answer that — seems like it SHOULD work, yes, but evidently it’s not getting saved for some reason…

    Why don’t you have access to WPadmin?

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘Padding won't work in header’ is closed to new replies.