CSS tweak (moving a search box)
-
Hi. Could I ask for some support in real time (handholding) on a minor tweak I want to do on a Mac? The search box on my blog has a search button under it. The button needs to be moved a pixel or two away from the box — right now it touches it.
A small thing, but it’s annoying. I asked a while back and was advised to adjust the number of pixels in this code:
#searchform #searchsubmit {margin-top:5px;}
… but I can’t find this bit of code in my CSS window. Can anyone help?
The blog I need help with is: (visible only to logged in users)
-
Add the following to the bottom of your CSS. You can adjust the 5px value, but that looks good to me.
#sidebar #searchform #s { margin-bottom: 5px; } -
Also on CSS issues, if you can post them in the CSS forum it makes it easier for me to find and respond to them.
-
Alternately you can add the margin-bottom declaration to the existing selector in your CSS.
-
Thank you very much … let me see if I can make sense of this and might come back to you if I can’t.
-
-
Should I select
Add my CSS to White as Milk’s CSS stylesheet.
or
Don’t use White as Milk’s CSS, and replace everything with my own CSS.
?
-
And I assume I should be inserting what you suggest right at the bottom and without replacing anything that was up there already.
-
It appears like you already have the “Don’t use… replace everything…” already selected and have copied and pasted the entire stylesheet into the CSS edit window since I see no evidence in Firebug of the original stylesheet being applied.
At wordpress.com, it is best to add only the specific selectors and the specific declarations you are adding or changing to the CSS edit window and then use the “add to…” setting otherwise all the relative URLs to images used in the CSS will break and disappear from your site. By using the add to… your CSS changes will load after the original stylesheet and override the like stuff in the original CSS.
-
Yes, “Don’t use… replace everything…” is currently selected. Do I leave it that way when making this change?
-
-
-
-
-
Well, with white as milk, I don’t think there are any images used in it, so leave it as it is just in case you had made other changes earlier. Go ahead and save.
-
-
-
-
… so just a general point to take away from this. Should I leave the same button selected in future whenever I make any cosmetic tweaks?
-
I guess I understand your explanation … though it’s far from intuitively obvious what those 2 choices mean in practice.
- The topic ‘CSS tweak (moving a search box)’ is closed to new replies.
WordPress.com Forums 