Solved

Sharepoint 2010 themes editing

Posted on 2011-03-02
7
479 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
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
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

 

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

Three Reasons Why Backup is Strategic

Backup is strategic to your business because your data is strategic to your business. Without backup, your business will fail. This white paper explains why it is vital for you to design and immediately execute a backup strategy to protect 100 percent of your data.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Work Over Net is a new and very powerful collaboration product. With its new easy interface it is becoming very competitive to other similar products like webex and office interactive. WON 2010 have the standard business tools needed for multi-offic…
Summary In SharePoint 2010 it is easy to create custom color themes to jazz up a site. Theme colors can also be created in PowerPoint 2010 with a few clicks. But how do the chosen colors actually look in the SharePoint site? The attached PowerPoint…
This Micro Tutorial hows how you can integrate  Mac OSX to a Windows Active Directory Domain. Apple has made it easy to allow users to bind their macs to a windows domain with relative ease. The following video show how to bind OSX Mavericks to …
This video shows how to quickly and easily add an email signature for all users on Exchange 2016. The resulting signature is applied on a server level by Exchange Online. The email signature template has been downloaded from: www.mail-signatures…

770 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