How to style search box
Hi,
Can you please guide me on how to change the style of search widget. I was unable to find the search widget under Design->widget templates. All I want to do is hide the search button and apply some styles to the searchbox. I am new to sitefinity, so I was wondering if there is a place where I can go to view the markup of the widget and change its style (I dont have thunder installed) or even if there is a way where I write new styles to apply on top of the widget.
Thanks,
Hi Prashant,
I don't think you can set a custom template for the search widget or anything like that. The search widget only renders a div containing two input tags. You can see that by right clicking on it in Google Chrome and choosing Inspect Element. I styled it by wrapping the widget in a <div class="search">. That allows me to set styles like this:
.search input:nth-of-type(
2
)
height
:
11px
;
background
:
url
(
'search.png'
)
no-repeat
;
border
:
none
;
position
:
absolute
;
margin
:
8px
0
0
-16px
;
.search input:nth-of-type(
2
):hover
cursor
:
pointer
;