I want to make all of the page background this color: #afbb70

I found this in support:

Hey Kristen!

There's actually no built in option for that but it's an easy css mod.

Add this in the custom css box located in the salient options panel:

body, body .container-wrap, body .home-wrap, body #page-header-wrap {
  background-color: #fff!important;
}

Cheers :)

____

But this is not having any effect on my site. :(

I'm attaching a "mock up" that the customer gave me of how they'd like the super light gray, this light green color (#afbb70)

Thanks in advance.

I've added this css code to the custom css code area - it has had no effect on the background color.

What am I doing wrong?

Ok - update.

I removed some previous code I had to remove the price of the shopping cart items.

This made not only the page area the "#afbb70" color but also the BACKGROUND of the boxed layout.

I created a repeating background image to use to get the darker green to part of the layout.

Is there a way to make ONLY the page content be the #afbb70 and use the ThemeNectar setting to pick a color as the boxed background (outside area) color as it should be?