Sharepoint 2010 themes editing

I need to modify the look and feel of my Sharepoint 2010 site. It seems to me that I am not able to achieve it using the standard themes UI. I would like to change the style for quick menu headers and web part headers (see screenshot) and possibly web part themselves (background color, borders, etc). What would be the best way to do it? Custom css? Where can I find the classes I need? How do I attach that custom css? Thanks
theme.gif
MisUszatekAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
rebejonesConnect With a Mentor Commented:
0
 
Ivan PadabedConnect With a Mentor Director, Technology SolutionsCommented:
yes, it should be custom CSS. Please use IE developer tools (F12) or FF FireBug to get the classes you need. the best way to attach your custom stylesheet is to provide your own Masterpage. Please use gallery for your site, and create new master from the copy of the default one (it should be v4.master)
0
 
MisUszatekAuthor Commented:
Can you provide some extra instructions how to do it? I will have multiple subsites in one site collection and they have to visually different from each other.
0
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

 
logideepakConnect With a Mentor Commented:
you will need to find out the relevant classes using the firebug in Firefox and then create a custom css in which you will override the classes and provide your own look and feel for them. once the css is ready, you can attach them from the master page selection page in site settings.

you can also download the themex file if you are not comfortable with CSS and then open the themex file on powerpoint 2010 and modify them. however, the modifications added to themex files is not as flexible as using the css approach.

To use the firebug, you can start the firebug, then open the site in firefox and then right click on the element and click on inspect element.
0
 
MisUszatekAuthor Commented:
Where exactly is the place to attach that CSS?
0
 
logideepakCommented:
You need to go to site settings--> Master Page (Look and Feel Section)
The last section of this page provides you with the option of selecting an Alternate CSS.
change-css.jpg
0
 
MisUszatekAuthor Commented:
I don't see Master Page under Look and Feel. Is it possible that I need for example Publishing Features for that? If yes what do I do if I don't want to enable publishing features?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.