Solved

How can i edit sharepoint  "Search" font color

Posted on 2010-09-03
7
827 Views
Last Modified: 2012-05-10
<div class="search">
<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
<SPSWC:SearchBoxEx id="SearchBox" RegisterStyles="false" TextBeforeDropDown="search" TextBeforeTextBox="<%$Resources:cms,masterpages_searchbox_label%>" TextBoxWidth="100" GoImageUrl="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow.jpg %>"
GoImageUrlRTL="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow_RTL.jpg %>" UseSiteDefaults="true" DropDownMode = "HideScopeDD" SuppressWebPartChrome="true" runat="server" WebPart="true" __WebPartId="{}"/>
</asp:ContentPlaceHolder>
</div>
i am looking for The Text before Textbox should show up with white font
search.jpg
0
Comment
Question by:msk_1227
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 2
7 Comments
 
LVL 21

Expert Comment

by:chapmanjw
ID: 33600499
In Internet Explorer, hit F12 to pull up the Developer Toolbar.  Under the HTML tag you will see a mouse cursor button.  Select it and then select the Search text.  It should now have a blue border around it.  In the developer toolbar you will see the actual HTML code being sent to the browser.  This should give you the element name to address in your CSS to override the color.  When doing so, be sure to add "!important" to override the core CSS.

For eg:

#searchelementname
{
color: #FFFFFF !important;
}
0
 
LVL 21

Expert Comment

by:chapmanjw
ID: 33600504
Under the HTML tab* (not tag)
0
 
LVL 21

Expert Comment

by:chapmanjw
ID: 33600528
CodeProject has a great tutorial on how to use the IE Developer Toolbar that you might like: http://www.codeproject.com/KB/applications/IE_dev_toolbar.aspx
0
Ransomware-A Revenue Bonanza for Service Providers

Ransomware – malware that gets on your customers’ computers, encrypts their data, and extorts a hefty ransom for the decryption keys – is a surging new threat.  The purpose of this eBook is to educate the reader about ransomware attacks.

 
LVL 2

Author Comment

by:msk_1227
ID: 33643458
I tryed but it didnt help , How can i edit & save it in sharepoint designer "TextBeforeTextBox"  or  css

<div class="search">
<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
<SPSWC:SearchBoxEx id="SearchBox" RegisterStyles="false" TextBeforeDropDown="search" TextBeforeTextBox="<%$Resources:cms,masterpages_searchbox_label%>" TextBoxWidth="100" GoImageUrl="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow.jpg %>"
GoImageUrlRTL="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow_RTL.jpg %>" UseSiteDefaults="true" DropDownMode = "HideScopeDD" SuppressWebPartChrome="true" runat="server" WebPart="true" __WebPartId="{}"/>
</asp:ContentPlaceHolder>
</div>
0
 
LVL 21

Accepted Solution

by:
chapmanjw earned 500 total points
ID: 33643559
In SharePoint designer, edit the Master page.  In the  section, add the following:

<script type="text/css">
.search, .search a
{
color: #FFFFFF !important;
}
</script>
0
 
LVL 2

Author Comment

by:msk_1227
ID: 33649879
thank you chapmanhw,

in sharepoint designer when i select class search link it leads to core band.css file.
then
.search .ms-sbcell
{
color:white!important;
}
so color: white already exist & i just put !important after that then it worked for me thanks for the post.
0
 
LVL 21

Expert Comment

by:chapmanjw
ID: 33658213
Great, glad it worked out for you.
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The Scenario: Let’s say you have a quote worksheet in Excel that you use to work up sales figures and such for your clients. You utilize SharePoint to manage and keep track of these documents. You would like values from your worksheet to populate Sh…
These days socially coordinated efforts have turned into a critical requirement for enterprises.
If you're a developer or IT admin, you’re probably tasked with managing multiple websites, servers, applications, and levels of security on a daily basis. While this can be extremely time consuming, it can also be frustrating when systems aren't wor…
Add bar graphs to Access queries using Unicode block characters. Graphs appear on every record in the color you want. Give life to numbers. Hopes this gives you ideas on visualizing your data in new ways ~ Create a calculated field in a query: …

717 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question