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?
[resolved] Padding won't work in header (22 posts)
-
Flaxion
Posted 11 months ago #
-
WPyogi
Posted 11 months ago #
Try adding a margin-top to #wrapper (line 44) in style.css
-
Posted 11 months ago #
Can't find wrapper in line 44, but adding that to #wrapper doesn't help either.
-
Posted 11 months ago #
I don't see any margin-top in the CSS... what did you add and where?
-
Posted 11 months ago #
This is what it should be:
#wrapper { margin-top: 20px; } -
Posted 11 months 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;
} -
Posted 11 months 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; } -
Posted 11 months 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;
} -
Posted 11 months ago #
"downloaded"?? Where are you making the changes? It should be ON your live site -- in the CSS file(s).
-
Posted 11 months 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.
-
Posted 11 months 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; -
Posted 11 months 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
-
Posted 11 months 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.
-
Posted 11 months 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.
-
Posted 11 months 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.
-
Posted 11 months 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?
-
Posted 11 months ago #
The client changed it after I implemented the flags and again, I didn't think it was necessary to aquire login access again.
-
Posted 11 months 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...
-
Posted 11 months ago #
Strange.
I will try to get CP access again and then try your suggestions again. Thanks for all the very fast answers.
-
Posted 11 months 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.
-
Posted 11 months 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?
-
Posted 11 months ago #
The solution was to insert this directly in the html in header.php where the flags are..
style="margin: 10px; float: right"
Reply
You must log in to post.
