Solved

Sharepoint 2010 how to apply a background color to a web part

Posted on 2011-09-28
5
363 Views
Last Modified: 2012-05-12
Need help to apply a background color to a web part body (Not the title)

Any ideas how to achieve this?
0
Comment
Question by:pancho15
  • 2
  • 2
5 Comments
 
LVL 16

Expert Comment

by:SSupreme
ID: 36715958
add this to your CSS file:
body {background: green;}
0
 

Author Comment

by:pancho15
ID: 36715967
Needs to be for the web part body not the page body ?
0
 
LVL 6

Accepted Solution

by:
ramuar1981 earned 500 total points
ID: 36716360
in css file find below class name and add background color

ms-wpContentDivSpace
{
background-color:red;
}
0
 
LVL 16

Expert Comment

by:SSupreme
ID: 36717569
What is the name of web part body?
0
 

Author Closing Comment

by:pancho15
ID: 36945661
thanks
0

Featured Post

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.

Question has a verified solution.

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

Suggested Solutions

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

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