Solved

Sharepoint 2010 themes editing

Posted on 2011-03-02
7
464 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
7 Comments
 
LVL 9

Assisted Solution

by:Ivan Padabed
Ivan Padabed earned 83 total points
Comment Utility
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
Comment Utility
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
Comment Utility
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
Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

 

Author Comment

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

Expert Comment

by:logideepak
Comment Utility
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
Comment Utility
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
Comment Utility
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Note:  There are two main ways to deploy InfoPath forms:  Server-side and directly through the SharePoint site.  Deploying a server-side InfoPath form means the form is approved by the Administrator, thus allowing greater functionality in the form. …
We had a requirement to extract data from a SharePoint 2010 Customer List into a CSV file and then place the CSV file into a directory on the network so that the file could be consumed by an AS400 system. I will share in Part 1 how to Extract the Da…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.
This video explains how to create simple products associated to Magento configurable product and offers fast way of their generation with Store Manager for Magento tool.

728 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now