How to change background color for entire site

Trying to figure out how to change the background color for all pages to one of the background patterns included. Can you provide assistance with this?

Pattern: 45degreee_fabric

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content-wrapper{
background:red;
}

 

This code will change the background to red, how do I add one of the background patterns?

 

Paste the following code in your custom css
Appearance -> Theme Options -> Styling Options -> Custom CSS

Code:

.content-wrapper{
background-color:
#181407;
background-image:
url(http://jquerydoodles.com/lib/img/subtlepatterns/alpha/light/45degreee_fabric.png);
}

This will solve your issue.

 

the color is still off, the textured background is there but its not the correct color. see website and pattern attached.

Also, can this be applied to the entire site and not just the background?

Website: http://www.sidneygracephoto.com/

 

Paste the following code in your custom css
Appearance -> Theme Options -> Styling Options -> Custom CSS

Code:

.content-wrapper{
background-color:
#fdfcfd;;
background-image:
url(http://jquerydoodles.com/lib/img/subtlepatterns/alpha/dark/45degreee_fabric.png);
}

If you want it to be in entire site then paste the following code in your custom css

Code:

.content-wrapper .main-content {
background: none;
}

This will solve your issue.

 

This worked! Thanks so much!