Grey Striped Background. Remove?

Not sure why the page is structure like this, but the slider is embedded within HTML pre tags. pre tags are usually used to to display code; the pre stands for pre-formatted text, which tells the browser to leave the line breaks alone (i.e., don’t join the lines). The reason for the alternate colors is that it is easier to read lines of code when the lines are more distinct from one another.

You can get rid of the gray stripes by adding this CSS rule to either the theme’s Custom CSS option (if it has one), via a child theme, or by using a CSS plugin like JetPack or Custom CSS Manager:

#Content pre {
   background: transparent;
}

You can also edit the home page to take the slider out from within the pre tags.

Thank you! I was able to successfully remove the striped background. Is there a way to get rid of the all the pre tags? I don’t plan on displaying any code within this site. THank you so much for responding! This has been VERY helpful.

There’s no real easy way to find them, other than opening all of your pages one-by-one in the Text editor (and not Visual editor) and looking for them. It doesn’t look like there are a lot of pages on your site, so it shouldn’t be too much of a chore. How did you remove them from the home page, by editing it? I was afraid that maybe it was the slider plugin that might be putting them in, but it doesn’t look like it.

Actually all I did was add the bit of code setting the background to none – for the content. It worked like magic. If it happens again I’ll be going through the pages and deleting the

 tags. Thanks again! Marking this as solved.