I'm playing around with TwentyEleven for the first time and I wonder why I can only seem to style the search bar in it's expanded state. I notice in its' initial state, the search bar has a transparent background and I don't want that. I want it to be solid white.
[resolved] CSS for Search Form in Twenty Eleven (7 posts)
-
databell96
Posted 10 months ago # -
try and add a line like this to style.css of your child theme of twenty eleven:
#branding #s { background: white; } -
Posted 10 months ago #Sure enough I was trying something similar in Firebug while you were typing it. It works. Thanks.
-
CurranJPatrick
Posted 9 months ago #How do I remove search boxes in twenty eleven using a child theme? display none?
-
a froum search should have given you a few answers - for instance, see forum topic: http://wordpress.org/support/topic/remove-search-box-twenty-eleven?replies=14
copy header.php into your child theme first.
using css would also be a possiblility.
-
wldwil
Posted 8 months ago #The problem is that everyone states to copy header.php into your child theme first. Then they leave out what to do second.
Not everyone knows how to comment out even if they already have a child theme in place and are using it. Could someone explain the second step of what to do after you have it placed in your theme?
-
shofstetter27239
Posted 7 months ago #I found a better solution, that still allows the magnifying glass icon to be in the search box.
in the style.css search for: input#s
add #fff to the background declaration so that it looks like this:
background: url(images/search.png) no-repeat 5px 6px #fff;
just thought I would add that in.
Reply
You must log in to post.
