Lost background color

Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of specific help.

Sorry…I’m a newbie to WP

here’s the url

https://www.fishingfortroutessentials.com/

The body of the information use to have a white background with the blue as a nice border…somehow the white disappeared…

Also…is there a step by step tutorial system on how to use WP for non-techies (not having to become intimate with HTML coding)?

Is there also a way to get an email alert when someone posts a solution to this or other post questions I may have?

Thanks to whomever helps….

It is much appreciated….WM

Edit style.css and remove float:left; from:

#content, .articleslist {
float:left;
width:475px;
}

is there a step by step tutorial system on how to use WP for non-techies (not having to become intimate with HTML coding)?

There isn’t a step-by-step tutorial that I know of (although Writing_Posts is a good place to start). You might also want to have a look at some of the video tutorials at https://wordpress.tv/category/how-to/

Is there also a way to get an email alert when someone posts a solution to this or other post questions I may have?

Sorry but there’s isn’t. The best option is to subscribe to the RSS feed that’s at the top of each topic page when you want to be alerted to a new post in that topic.

Finally, you appear to be using WordPress 2.8. You can check this by looking in the lower right corner of any page in your blog’s Admin area.

Thanks a bunch for your input and help…

Finally researched where to find the style.css file and then how to edit it and here’s the resulting code…

‘#content, .articleslist{
width: 475px;
}’

However, the blue problem remains…

https://fishingfortroutessentials.com

Did I not understand properly (which is a huge possibility) or is there something else that needs to be done?

By removing the code as you suggested, my two column doesn’t work properly.

As soon as put the code back then it worked just fine.

I have two home page options…one is a single page with the problem of the blue it is called optinpage.html

The other is a two column which works okay with other issues I’m trying to resolve but doesn’t have the blue problem. it is called homepage.html

Just wanted to give you some more info….WM

Here’s the code for the style_optin.css

Could this be the code that is driving the one column home page? And do you see a problem that is creating the blue page?

Thanks again….WM

#content{
width: 100%;
}

#content div.withborder{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding-bottom: 40px;
}

#content div.withborder h2{
margin: 0;
padding-top: 20px;
text-align: center;
font-weight: bold;
color: #cc0000;
font-size: 30px;
}

#content div.withborder h3{
font-size: 18px;
color: #cc0000;
line-height: 24px;
text-align: center;
}

#content div.withborder span.letter{
display: block;
width: 600px;
margin: 40px auto 10px auto;
line-height: 18px;
}

#content div.withborder div.letter{
display: block;
width: 600px;
margin: 0px auto 10px auto;
padding-top: 15px;
line-height: 18px;
}

#content div.withborder span.letter img{
float: right;
}

span.letter ul{
width: 500px;
margin: 0 auto;
list-style-type: none;
padding: 0;
}

span.letter ul li{
margin: 20px 0 20px 10px;
padding-left: 30px;
background: url(images/check.png) no-repeat 0 5%;
line-height: 20px;
}

div.form_holder{
margin: 30px auto;
width: 559px;
}

div.border-top-optin, div.border-bottom-optin{
margin: 20px auto 0 auto;
background: url(images/border-top-optin-center.png) no-repeat 0 0;
width: 559px;
height: 7px;
}

div.border-bottom-optin{
margin: 0 auto 20px auto;
background: url(images/border-bottom-optin-center.png) no-repeat 0 0;

}

div.border-lr{
margin: 0 auto;
width: 557px;
padding: 10px 0;
background-color: #f8f8f8;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
}

form.optin_center{
margin: 0;
padding: 10px 0;
font-size: 12px;
background: #f8f8f8 url(images/arrow-right.png) no-repeat 12% 54%;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
}

form.optin_center p.steps{
margin: 5px 0;
}

form.optin_center label{
font-weight: bold;
}

form.optin_center input.txt{
width: 200px;
border: 1px solid #a5acb2;
}

form.optin_center input.access{
margin-left: 30px;
width: 186px;
height: 34px;
background: url(images/btn-access.png) no-repeat 0 0;
border: none;
cursor: pointer;
}

div.photo-holder{
float: left;
width: 170px;
padding: 5px;
}

div.photo-holder p{
margin-left: 10px;
font-size: 12px;
}

div.testi-details{
float: right;
width: 355px;
padding: 0 10px;
}

#content div.withborder span.letter p img.sig{
float: left;
}

div#inner_content_holder{
margin: 30px 0;
}

div#inner_content1{
padding: 5px 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

div#inner_content h2, div#inner_content h3{
font-family: Arial, Helvetica, sans-serif;
margin: 0;
font-size: 18px;
font-weight: bold;
color: #cc0000;
}

div#inner_content h3{
margin: 8px auto;
color: #000;
font-size: 14px;
}

div#inner_content h2 span{
color: #000;
text-decoration: underline;
}

div#inner_content ul{
list-style-type: none;
margin: 20px 0;
padding: 0;
}

div#inner_content ul li{
margin: 20px 0 20px 10px;
padding-left: 30px;
background: url(images/check.png) no-repeat 0 5%;
line-height: 20px;
}

div.testi{
margin: 10px 0;
}

div.testi img{
float: left;
margin-right: 10px;
}

div.testi p{
margin: 0;
font-size: 12px;
line-height: 18px;
}

div.testi p.testi-from{
margin: 10px 0;
font-size: 12px;
}

div.testi span{
text-decoration: underline;
}

#content p.paperback{
margin: 30px 0;
}

#content a{
font-weight: bold;
text-decoration: none;
}

#content a:hover{
text-decoration: underline;
}

#1content div p.bottom{
margin: 15px auto 0 auto;
}