?
Solved

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

Posted on 2013-05-29
4
Medium Priority
?
419 Views
Last Modified: 2013-05-29
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
0
Comment
Question by:Ian White
  • 2
4 Comments
 
LVL 10

Accepted Solution

by:
Ishaan Rawat earned 2000 total points
ID: 39204197
Just add this in your css any where...

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

Open in new window

0
 
LVL 4

Expert Comment

by:Ahmed Hussein
ID: 39204248
edit body.left-main #wrap

to

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

Open in new window


~AG
0
 

Author Comment

by:Ian White
ID: 39204316
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
 

Author Closing Comment

by:Ian White
ID: 39204318
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

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

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

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
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…
Suggested Courses

850 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