none
Changing colors on default page on SharePoint RRS feed

  • Question

  • Where do I change the colors which are used in site themes?  Where do I go to create a custom site theme?

    Tuesday, October 20, 2009 12:17 PM

All replies

  • Hi! This isite has a good how-to explanation on how to create a custom theme: http://sharepoint.microsoft.com/blogs/GetThePoint/Lists/Posts/Post.aspx?ID=122 Good luck! /Jenny
    • Marked as answer by GuYuming Tuesday, October 27, 2009 1:40 AM
    • Unmarked as answer by fjaconda199 Tuesday, October 27, 2009 5:14 AM
    Tuesday, October 20, 2009 12:27 PM
  • to change the styles of applied theme...

    Modifying sharepoint theme..
    1.Apply the theme from sharepoint Site
    2.Open the Sharepoint site and navigate to _themes->ThemeName(Folder) will be availble...
    3.expand the Folder...u can find two cssfile.. Ex: themNameXXX-XXX and theme.css..
    4.modify theme.css which will reflect in sharepoint UI

    Note:if u are ovewriting any existing css styles..place the new styles at the end of theme.css file ...

    Creating new custom theme....

    refer http://www.sharepointcomic.com/archive/2008/12/19/create-a-custom-theme-for-wss-3-0-or-moss-2007.aspx


    hope this will help u


    ragava_28
    • Proposed as answer by Raghu Vayu Nandana K Tuesday, October 20, 2009 2:10 PM
    • Marked as answer by GuYuming Tuesday, October 27, 2009 1:42 AM
    • Unmarked as answer by fjaconda199 Tuesday, October 27, 2009 5:15 AM
    • Unproposed as answer by fjaconda199 Tuesday, October 27, 2009 5:17 AM
    Tuesday, October 20, 2009 2:09 PM
  • Hi,

    I have been able to update the site theme.  The one problem that I am having is changing the background color in the contextual navigation area (underneath the top tabs area.  Any ideas?  I ahve been using the Heather Solomon's refernce guide also, but no luck with this.

    Thanks.
    Wednesday, October 21, 2009 12:19 PM
  • You should first find out what part of which CSS file is controlling the background color in the contextual navigation area.

     

    Please refer to http://msdn.microsoft.com/en-us/library/dd565627(VS.85).aspx for using IE8 developer tools to debug CSS.

    • Marked as answer by GuYuming Tuesday, October 27, 2009 1:42 AM
    • Unmarked as answer by fjaconda199 Tuesday, October 27, 2009 5:17 AM
    Monday, October 26, 2009 9:55 AM
  • In this link you can see an easier option than themes using cascading style sheets alternatives:

    http://translate.google.com/translate?client=tmpg&hl=es&u=http% 3A% 2F% 2Fsurpoint.blogspot.com% 2F2009% 2F07% 2Fcambios-of-styles-in-sharepoint.html & langpair = es | en

    I hope it will be useful, it was very useful for me.

    Juan Pablo.
    surpoint.blogspot.com
    excelza.blogspot.com
    Monday, October 26, 2009 10:25 AM
  • Thansk, but I have been making changes in the css file using SharePoint designer.  The problem is that I am not seeing the changes in the calenda webpart at all.  It is the default calendar webpart. Any ideas?
    Monday, October 26, 2009 10:37 AM
  • Hi, thanks, but I have been making custom changes to the css file.  The issue is that it does not seem to make any difference as it is a web part.
    Monday, October 26, 2009 10:38 AM
  • You should first find out what part of which CSS file is taking effect in the web part with IE 8 developer tools.
    Monday, October 26, 2009 10:41 AM
  • We will not deploy IE 8 at my company.  It has huge conflicts with too many applicaitons; there are conflicts with dlls, etc.

    As regarding teh css files, I've already customized a theme.  The issue is customizing the calendar webpart within the theme.  It is not updating.
    Monday, October 26, 2009 11:13 AM
  • Please discard my question.  None of teh answers pertain to it.
    Tuesday, October 27, 2009 5:22 AM
  • I think the link http://sharepoint.microsoft.com/blogs/GetThePoint/Lists/Posts/Post.aspx?ID=122 recommended by Jenny is a good article on how to customize a SharePoint theme although you can also find many others even better.

     

    For your question of unable to see the change to CSS file in the Calendar web part. I find that some part of the background color for the calendar web part is set in http://SharePointServerName/_layouts/1033/styles/calendar.css while other part is set in http://SharePointServerName/_themes/Belltown/Bell1011-65001.css (suppose I am using the Belltown theme).

     

    I am using the IE8 developer tools to find out the name of the CSS file taking effects. The article http://msdn.microsoft.com/en-us/library/dd565627(VS.85).aspx has some good screenshots on how to use this tool to debug CSS.

     

    If you really cannot install IE8, you can also find similar function in Firefox DOM Inspector.

     

    Hope this answers your question!

    Tuesday, October 27, 2009 6:50 AM