removing vertical grey bars.

[ruggedcross]

Greetings,

1.) on the site my company I work for is developing there are these vertical grey (color code is #beb6a1) bars on the main page. I have tried going through the content browser section as well as editing the .css files to locate the code and remove them from the page. So far I have not had any luck. Can you please provide some assistance is this matter?

2.) Also we want to set the width of the main page to 792px but again, searching through the content browser and the .css files is not providing us with a solution to this challenge

Thank you in advance to any information you can provide to help in the resolve this final challenge in our site development endeavors.

the site location is http://216.139.236.196

[jmestep]

It looks like you have two style sheets and the site is picking up the style from one of them. (I used a Firefox CSS add-on to get this info)
http://216.139.236.196/App_Themes/Pottery/style.css

#innerContentWrapper (line 445)

{

width: 90%;

background-color: #ffffff;

margin-top: 0pt;

margin-right: auto;

margin-bottom: 0pt;

margin-left: auto;

text-align: left;

}
http://216.139.236.196/App_Themes/Potte ... (copy).css

#innerContentWrapper (line 444)

{

width: 90%;

border-left-width: 5px;

border-left-style: solid;

border-left-color: #beb6a1;

border-right-width: 5px;

border-right-style: solid;

border-right-color: #beb6a1;

background-color: #ffffff;

margin-top: 0pt;

margin-right: auto;

margin-bottom: 0pt;

margin-left: auto;

text-align: left;

}

To set width to a static width, put it in the body tag in the style sheet:
body { width:792px; padding: 0 10px; margin: 0 auto 0 auto; background:#FFFFFF url(images/bg.jpg); font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}-- sample from one of mine.

[m_plugables]

locate the following in css

Code: Select all

#innerContentWrapper 
{
          background-color:#FFFFFF;
          border-left:5px solid #BEB6A1;
          border-right:5px solid #BEB6A1;
          margin:0pt auto;
          text-align:left;
          width:90%;
}

and make it look like

Code: Select all

#innerContentWrapper 
{
          background-color:#FFFFFF;
          margin:0pt auto;
          text-align:left;
          width:90%;
}

[m_plugables]

For debugging the style problems try to use Fire Fox with Fire Bug plug in. It will give you a great help for such problems.

[ruggedcross]

thanks guys. Apparently the style(copy).css was still being referenced even though the I removed the border bars from style.css. I though once you made a copy of something it's no longer referenced. I guess that's not the case. Thanks for the help!

[sohaib]

All .css files in themes folder are included automatically. Please make sure that you remove all files .css files that are not in use.

[jmestep]

I got bit with a similar problem-- that's how I knew what your problem was.