HTML5 CSS - main column has part shading background, should all have no background

On the page below I created a wider column, but part of the column has a different background and should all be white. Sorry the css.main is very big and complex and was given to me and I dont completely follow. So if you can inspect it with whatever tools you have. I want the whole 820px not to have any background and I dont know what is thowing a spanner in the works.

/***  ilw 28 May 2013 for wider left col ,  ***/
body.left-main  #middle .left-wide-col {
  width: 820px;
  margin-right: 73px;
  float: left;

Open in new window


Here is the page that is mis-behaving:

http://www.housecarers.com/test4/about-us2.cfm


What do I need to do please?





http://www.housecarers.com/test4/about-us2.cfm
Ian WhiteOwner and FounderAsked:
Who is Participating?
 
Ishaan RawatConnect With a Mentor Designer | Developer | ProgrammerCommented:
Just add this in your css any where...

.left-wide-col{
background: white !important;
}

Open in new window

0
 
Ahmed HusseinCommented:
edit body.left-main #wrap

to

body.left-main #wrap {
       background: #ffffff;
}

Open in new window


~AG
0
 
Ian WhiteOwner and FounderAuthor Commented:
Thanks - the first solution works. I will accept the first one. The 2nd solution would work - but this would upset some other pages that use the same CSS
0
 
Ian WhiteOwner and FounderAuthor Commented:
Yes this is a difficult one when the same css is shared by a lot of pages and need to have a specific solution just for this page
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.