Solved

Sharepoint 2010 themes editing

Posted on 2011-03-02
7
491 Views
Last Modified: 2012-08-14
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
0
Comment
Question by:MisUszatek
[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
7 Comments
 
LVL 9

Assisted Solution

by:Ivan Padabed
Ivan Padabed earned 83 total points
ID: 35023303
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
 

Author Comment

by:MisUszatek
ID: 35023487
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
 
LVL 5

Assisted Solution

by:logideepak
logideepak earned 83 total points
ID: 35024230
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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:MisUszatek
ID: 35024481
Where exactly is the place to attach that CSS?
0
 
LVL 5

Expert Comment

by:logideepak
ID: 35024579
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
 

Author Comment

by:MisUszatek
ID: 35027969
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
 
LVL 5

Accepted Solution

by:
rebejones earned 84 total points
ID: 37914804
0

Featured Post

Office 365 Advanced Training for Admins

Special Offer:  Buy 1 course, get 2nd free!  Buy the 'Managing Office 365 Identities & Requirements' course w/ Accelerated TestPrep, and automatically receive the 'Enabling Office 365 Services' course FREE!

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…
Pimping Sharepoint 2007 without Server-Side Code Part 1 One of my biggest frustrations with Sharepoint 2007 in the corporate world is that while good-intentioned managers lock down the more interesting capabilities of Sharepoint programming in…

739 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