Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 506
  • Last Modified:

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
0
MisUszatek
Asked:
MisUszatek
3 Solutions
 
Ivan PadabedDirector, 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
 
logideepakCommented:
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!

 
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
 
rebejonesCommented:
0

Featured Post

Industry Leaders: 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!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now