SP 2013 replace specific icon color

I have a custom Css applied to the whole sharePoint sites, but what I want is that the sharePoint Icons was highlighted should come in white.
I have not used themes in SharePoint and have applied custom CSS using custom master page.
I have explored options to create custom themes and then apply in which SP theme engine generates the Sprite images.
But creating theme will be a big ask and hence we want to stick to custom css, but want to replace specific images to white.
Please suggest how this is possible.
Thanks & Regards, Soumyadev | Posting is provided "AS IS" with no warranties, and confers no rights.

Hi,
According to your description, my understanding is that you want to change the specific icon color.
I suggest you can use Jquery .css method to set the icon color , you can use SharePoint Designer to add Jquery code under the
PlaceHolderMain tag in the document library view page.
Here are some detailed code demo for your reference:
Jquery CSS method
How to set background color in jquery
Thanks
Best Regards
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Similar Messages

  • Replace movie icon

    Hello,
    I'm newbie on this forum so I apologize if I'm not posting at the right place.
    I have a external HD with a hundreds of folders. Each folder contains two files having same name but different format: a pic file (AAAAA.jpg) and a movie file (AAAAA.avi or AAAAAA.wmv). For each movie, I would like to replace the icon (available in the GET INFO menu) with the picture of the corresponding .jpg file.
    Is there any possibility to do it automatically using automator ?
    The only solution I found so far is to do it manually by opening the pic file, copy the pic, open the "get info" menu of the movie file and then paste the pic as icon.
    Thank you in advance for your suggestion,
    Banpo

    This is more of an AppleScript situation, although you can put a script into an Automator workflow. There are some utilities in the *Developer Tools* (an optional install on your OS installation disk) that can be used to create and set icons. If you have these tools installed (specifically, Rez, DeRez, and SetFile), give the following a try:
    1) *Get Specified Finder Items* (or however you want to get the input items)
    2) *Filter Finder Items* { Find files where kind is folder } -- limit input to folders
    3) *Run AppleScript* (paste the following script):
    <pre style="
    font-family: Monaco, 'Courier New', Courier, monospace;
    font-size: 10px;
    font-weight: normal;
    margin: 0px;
    padding: 5px;
    border: 1px solid #000000;
    width: 720px; height: 340px;
    color: #000000;
    background-color: #DAFFB6;
    overflow: auto;"
    title="this text can be pasted into an Automator 'Run AppleScript' action">
    on run {input, parameters} -- set a file icon
    gets an image from the first jpg file of a folder, and sets it as the icon for the first non-jpg file of a folder
    input [Finder Items]: folders to process
    output [Finder Items]: folders successfully processed
    set output to {}
    set skippedItems to {} -- this will be a list of skipped items (errors)
    try -- check for required tools
    get POSIX file "/Developer/Tools/" as text as alias
    on error
    error "required Developer Tools not installed"
    end try
    repeat with aFolder in the input
    set aFolder to contents of aFolder
    try
    tell application "Finder"
    set theName to name of aFolder
    set iconFile to (first file of aFolder whose name extension is "jpg") as alias -- find the icon image file
    (duplicate iconFile to (path to temporary items) with replacing) as alias -- make a temporary copy
    set tempImage to quoted form of POSIX path of the result
    set destination to (first file of aFolder whose name extension is not "jpg") as alias -- get the other file
    set destination to POSIX path of destination
    end tell
    set tempResource to quoted form of (POSIX path of (((path to temporary items) as text) & "SetIconTempResource"))
    do shell script "/usr/bin/sips -i " & tempImage -- add a Finder icon to the image
    do shell script "/Developer/Tools/DeRez -only icns " & tempImage & " > " & tempResource -- get the icon resource
    do shell script "/Developer/Tools/Rez -a " & tempResource & " -o " & quoted form of destination -- add resource to the file
    do shell script "/Developer/Tools/SetFile -a C " & quoted form of destination -- set custom icon attribute
    set the end of the output to aFolder -- success
    tell application "Finder" to update (destination as POSIX file)
    on error errorMessage number errorNumber -- oops
    log errorMessage
    set errorNumber to "  (" & (errorNumber as text) & ")"
    -- set the end of skippedItems to (aFolder as text) & errorNumber -- full path
    set the end of skippedItems to quoted form of theName & errorNumber -- just the name
    end try
    try -- remove temporary files
    do shell script "rm " & tempImage & space & tempResource
    end try
    end repeat
    showSkippedAlert for skippedItems
    return the output -- pass the result(s) to the next action
    end run
    to showSkippedAlert for skippedItems
    show an alert dialog for any items skipped, with the option to cancel the rest of the workflow
    parameters - skippedItems [list]: the items skipped
    returns nothing
    if skippedItems is not {} then
    set {alertText, theCount} to {"Error with AppleScript action", count skippedItems}
    if theCount is greater than 1 then
    set theMessage to (theCount as text) & space & " items were skipped:"
    else
    set theMessage to "1 item was skipped:"
    end if
    set {tempTID, AppleScript's text item delimiters} to {AppleScript's text item delimiters, return}
    set {skippedItems, AppleScript's text item delimiters} to {skippedItems as text, tempTID}
    if button returned of (display alert alertText message (theMessage & return & skippedItems) alternate button "Cancel" default button "OK") is "Cancel" then error number -128
    end if
    return
    end showSkippedAlert
    </pre>
    4) other actions as desired

  • Toolbar: replace SAP icon with custom icon

    Hello,
    in the account overview (component BP_HEAD, view BPHEADOverview), the implementation class (CL_BP_HEAD_BPHEADOVERVIEW_IMPL) contains method IF_BSP_WD_TOOLBAR_CALLBACK~GET_BUTTONS where the buttons for the account overview are collected.
    Here you can check which buttons are used by SAP standard, e.g. for the PDF fact sheet, an icon is added:
    ls_button-icon_src = '/sap/bc/bsp/sap/crm_ppm/w_pdf__s.gif' .
    Now, I wanted to replace the given icon by another, customer-specific icon. I've tried to change the given URL to anything else, however, it didn't work. I even found out that the given URL is not necessary, it even works with this:
    ls_button-icon_src = 'w_pdf__s.gif' .
    ls_button-icon_src = 'i_do_not_exist/w_pdf__s.gif' .
    Thus, I assume that there's some kind of mapping of the icon name (e.g. "w_pdf__s.gif") is mapped to any table entry or whatever hard-coded.
    Does anyone having experience with replacing the icon with a custom-specific one and can provide the necessary steps?
    Regards
    Wolfgang

    Hi Wolfgang,
               You can use below sample code to get corresponding url for any standard sap icon:
    lv_icon = 'ICON_LED_GREEN'.
    *   Convert icon code into URL and prepare bee
        lv_icon = cl_bsp_mimes=>sap_icon( id = lv_icon ).
        lr_image->src = lv_icon.
    Also, all the icons are available in the database table 'ICON'.
    I hope that helps.
    Thanks,
    Rohit

  • How to deploy weblink shortcuts with specific icons using sccm -

    I have about 5 shortcuts (webLinks) that I am deploying via sccm and they get to the desktop but the specific icon does not show up. They all show "IE" Icon.
    I am sure it is something fairly simple but I just can not seem to do it.
    I used the following method to deploy the shortcuts ..
    http://joevanysitblog.blogspot.com/2013/03/copy-files-to-desktop-in-sccm-2012.html
    Thank you
    Petros

    If the weblink .url file is the one you need, and you want the icon to be packed together perhaps you should include it's .ico file
    normally when you visit a website with favicon, the favicon.ico will be stored under the cache dir under Temporary Internet Files in IE
    e.g C:\Users\Name\AppData\Local\Microsoft\Windows\Temporary Internet Files\Content.IE5\xxxx
    Also, favicon will automatically be downloaded to cache directory, and your shortcut icon will be changed once user start launching it
    ---Pat

  • How do I get website specific icons instead of generic icon display in Bookmarks?

    Hi,
    Some websites with their Bookmarks display their specific icons, while others only generic ones (Blue circle on white squares).
    With the earlier versions no such problem existed.
    I'm referring to an example like amazon.com, which displays only a generic type as opposed to IE.
    Their functionality is not affected, only the esthetics.
    Any suggestion(s) for solution?
    Thank you

    Hi,
    You could install the bookmark favicon changer addon [https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/ bookmarkfavicon changer]
    or identicons addon to automatically generate favicons for sites without one
    [https://addons.mozilla.org/En-us/firefox/addon/identfavicon/ IdentFavIcon]
    Hope this helps, if not do let me know.
    Thanks!

  • Change tooltip icon color in chart

    Hi,
    I like to change the tooltip icon colors for different dimensions (see image below).
    Using this CSS (svg.v-m-tooltip g.v-body path.tooltipsymbol {fill: white;}) I can turn all tooltip icon colors white but if possible I would like to change the each and every one of them individually.
    Any idea how do achive that?
    Thanks,
    Anders

    Got it to work using the below code.
    //Tooltip Color
    .chart1 svg.v-m-tooltip g.v-body path:nth-child(3).tooltipsymbol {fill: #334A6C;}
    .chart1 svg.v-m-tooltip g.v-body path:nth-child(5).tooltipsymbol {fill: #00B0F0;}
    .chart1 svg.v-m-tooltip g.v-body path:nth-child(8).tooltipsymbol {fill: #4F8F88;}
    .chart1 svg.v-m-tooltip g.v-body path:nth-child(11).tooltipsymbol {fill: #649B2A;}
    .chart1 svg.v-m-tooltip g.v-body path:nth-child(14).tooltipsymbol {fill: #FC9834;}

  • The ackground and icon colors changed on my ipad. how do i change them back ?

    the background and icon colors changed on my ipad. how do i change them back ?

    that fixed it. thanks a bunch. what did i do to change it ? all i did was turn it off, when i turned it back on it was in "white on black " mode.

  • Replace specif character with other chracter before or after ','

    a:='(a,c,dklcm,c,npc,c)'
    (a,c,dklcm,c,npc,c) these is a string value i can't change within these
    how will i replace specific chracter like c with other character
    keeping in mind that 'c' will between ',' and ',' and
    at the end before ')'.If c is not present at the end then it will be
    kept intact.

    SQL> select '(''a'',null,''dklnullm'',null,''npnull'',null)' ORIGINAL_VALUE from dual;
    ORIGINAL_VALUE
    ('a',null,'dklnullm',null,'npnull',null)
    SQL> SELECT REPLACE(REPLACE(REPLACE(REPLACE(REPLACE('(''a'',null,''dklnullm'',null,''npnull'',null)',',null,','~'),'null)','^'),'null',''''''),'~',',null,'),'^','null)') REPLACED_VALUE FROM DUAL;
    REPLACED_VALUE
    ('a',null,'dkl''m',null,'np''',null)

  • Replacing executable icons in 8.1

    In previous versions it was simple to replace the icon of an executable. With 8.1 it can still be done but it's more of a challenge and I can't remember how I did it and now I have replaced the OS. I absolutely hate the file explorers icon. So I remember
    that the executable can not be pinned but apparently there's more.
    Renee
    "MODERN PROGRAMMING is deficient in elementary ways BECAUSE of problems INTRODUCED by MODERN PROGRAMMING." Me

    Never mind, I accomplished it. One does have to remove "Files Explorer" <smirk> from the task bar while showing Explorer. Then, while in the taskbar select the icon, then Properties and one will see "Change Icon". One then pins
    the new icon to the task bar. This does not change the icon in all places
    For instance in Windows, explorer.exe still has the same crummy icon.
    Renee
    "MODERN PROGRAMMING is deficient in elementary ways BECAUSE of problems INTRODUCED by MODERN PROGRAMMING." Me
    Resource hacker works the best for hacking into the Icons, you can edit the icon using any photo editor keeping proper size for the hacker to work. However you do need to know what your doing. I wont write a lesson for you. You can search how to use this
    to hack any windows resource.
    WARNING IF YOU EDIT YOUR EXPLORER.EXE, AND YOU BUGGER IT UP, DONT COME CRYING TO ME IF YOU DID NOT KNOW WHAT YOUR DOING!

  • Distorted background screen/icon colors on 4S

    Getting a distorted background screen/icon colors on iPhone 4S.

    Probably hardware problem. Please upload a photo with this problem

  • How do I get rid of site-specific icons in the location bar?

    I am getting annoyed by the site-specific icons that appear next to the location bar. I thought there was a way to disable these icons but I cannot find it. Is there any way to get rid of these icons on my screen?

    You can set these prefs to false on the about:config page.
    http://kb.mozillazine.org/browser.chrome.favicons
    http://kb.mozillazine.org/browser.chrome.site_icons
    To open the ''about:config'' page, type '''about:config''' in the location (address) bar and press the Enter key, just like you type the url of a website to open a website.
    If you see a warning then you can confirm that you want to access that page.

  • ITunes icon color

    Has anyone noticed this? In the older versions of iTunes the icon was blue, then it switched to green, now it is blue again? Is there any significance as to why the icon color keeps changing?

    I don't think there's any significance as to why the colour of the icon changes from version to version except to indicate that this is a "new" version. The blue is more appropriate for iTunes simply because the highlight colour on the iPod and default highlight colour on the Mac is blue.

  • FEP icon color and scan status

    With Windows security essentials, the icon changed to a yellow when a scan hadn't run for x amount of days. The FEP icon with SCCM 2012 remains green so long as the agent is updated with the latest definitions.
    Are there any ways of being alerted when a machine hasn't run its scheduled scan. Also can the FEP icon colors be manipulated like Security essentials where it would change when a scan wasn't run?
    thanks

    Hi,
    When the scheduled scan falis, there will create an event.
    I think you could create a Basic Task in Microsoft Antimalware(Task Scheduler->Task Scheduler Library->Microsoft->Microsoft Antimalware) to monitor an event (fail to run scheduled scan).
    Hope this could help you.
    Best Regards,
    Joyce Li
    We
    are trying to better understand customer views on social support experience, so your participation in this
    interview project would be greatly appreciated if you have time.
    Thanks for helping make community forums a great place.

  • Replace with Icon

    On my exception reports in 3.x I created a table interface class that would replace the contents of a cell to an icon.  So, instead of have a red color cell in a report  I would have a column with a nice little icon.  Is there a way to achieve this in 2004s?
    For example I would have a column called 'Goal Status'.  The column would have an exception built against it.  Based on the % of goal the column would be red, yellow, or green.  I also had a table interface class built that would look at the different colors and replace the content with an Icon that was a little more appealing to the eye.
    Can this be replicated in 2004s using the new tools?
    Thanks,
    Matt

    Hi
    Table Interface class no longer exists, so any post-processing has to be done in JavaScript. I guess you could loop through each cell in the table, and determine its background colour, and insert an image if required.
    Alternately, when definining exceptions from the web template settings, in step 4 of the wizard, you have the option of setting the exception display as:
    - Background Colour
    - Symbol
    - Symbol and Value
    - Value and Symbol
    In this case the symbol is just an arrow ... not sure how you could change that to use your own symbols. Again, you could write some clever JavaScript to find the images and replace with your own image, or just live with the image provided.
    Hope this helps.
    Cheres,
    Andrew

  • Lvoop class icon color

    I'm confused, and think I must be missing a (simple?) detail somewhere.
    I am trying to update the icons of all members of a lvoop class to a different color. Specifically, a shade of blue (in RGB = 0 - 96 - 128). However, I get a different shade of blue (in RGB = 0 - 102 - 153). I wonder the reason for this?
    I've attached my example and below are the steps I followed.
    Cheers,
    Chris
    Create new class and name ClassIconColor.lvclass
    Right-click the class and Select New...VI and name the added VI ClassMember.vi
    save all to disk
    open ClassMember.vi and edit the icon
    observed that NI_Library layer is green (R-G-B = 0-255-0) with black border (R-G-B = 0-0-0)
    close VI
    Open the class properties page and select Edit Icon...
    observed that VI Icon layer is green (R-G-B = 0-255-0) with black border (R-G-B = 0-0-0)
    Add a blue (R-G-B = 0-96-128) stripe to the banner
    Click Okay to return to the class properties page
    Click Okay on the class properties page and asked to apply icon changes to member VIs
    Click yes
    open ClassMember.vi and edit the icon
    observed that the blue (R-G-B = 0-102-153) stripe to the banner has slightly different color, (R-G-B = 0-96-128) to (R-G-B = 0-102-153)

    Cbl-Amo,
    It is strange that the icon editor changes colors on you.  I was able to reproduce the color swap following your steps and while I do not know exactly why this is happening, I have a good idea.
    Something strange is that even though the Icon Editor allows for 24-bit colors, the LabVIEW Block Diagram only uses 8-bit color.
    http://zone.ni.com/reference/en-XX/help/371361L-01/lvdialog/icon_editor/
    My best guess is that you selected the color 0-96-128 in the Icon Editor, the closest you can get in the LabVIEW Block Diagram is 0-102-153.  This is not a definitive test, but I took your class and VI which told me that they had different color stripes and dropped them both in a new VI.  I took a snip of that and when I looked at it in paint, I noticed both stripes were the color 0-102-153.  It's pretty silly that the Editor allows you to choose from a 24-bit color palette but that is what I think is happening.

Maybe you are looking for