WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Padding won't work in header (22 posts)

  1. Flaxion
    Member
    Posted 1 year ago #

    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

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try adding a margin-top to #wrapper (line 44) in style.css

  3. Flaxion
    Member
    Posted 1 year ago #

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

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    This is what it should be:

    #wrapper {
       margin-top: 20px;
    }
  6. Flaxion
    Member
    Posted 1 year ago #

    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;
    }

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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;
    }
  8. Flaxion
    Member
    Posted 1 year ago #

    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;
    }

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  10. Flaxion
    Member
    Posted 1 year ago #

    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.

  11. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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;
  12. Flaxion
    Member
    Posted 1 year ago #

    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

  13. Flaxion
    Member
    Posted 1 year ago #

    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.

  14. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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

  15. Flaxion
    Member
    Posted 1 year ago #

    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.

  16. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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?

  17. Flaxion
    Member
    Posted 1 year ago #

    The client changed it after I implemented the flags and again, I didn't think it was necessary to aquire login access again.

  18. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    If there were no changes when you deleted the CSS file, then there is something wrong (i.e. you're not changing the "live" files) -- it would definitely affect the site unless it's cached someplace...

    Also the CSS you posted as what you were looking at is NOT what was live on the site -- look at the background -- the css has #FFF but that is not what is visible. And there is a top/bottom margin of 4 px -- but that is not visible either. So something is not right with the file you are dealing with...

  19. Flaxion
    Member
    Posted 1 year ago #

    Strange.

    I will try to get CP access again and then try your suggestions again. Thanks for all the very fast answers.

  20. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    It did occur to me that maybe the hvid.css file is not editable?? In that case, you could try just adding this to the style.css file:

    #wrapper {
    margin-top: 20px !important;
    }

    Though this does not address what I said in my last post...weird. Certainly, if you can get access, that would be the easiest solution.

  21. Flaxion
    Member
    Posted 1 year ago #

    It worked by adding to style.css in the CP.

    #wrapper {
    margin-top: 20px !important;
    }

    I would also like to make space between the flags. How do I do that?

  22. Flaxion
    Member
    Posted 1 year ago #

    The solution was to insert this directly in the html in header.php where the flags are..

    style="margin: 10px; float: right"

Topic Closed

This topic has been closed to new replies.

About this Topic