I am rebuilding my site from an old theme, now using the X Theme. I am using the Ethos subtheme. However, I am having trouble getting certain functions to work in the visual editor, regardless of my web browser (Safari, Chrome, etc).

One big one: the background color function isn’t working. When I select a background color using the color picker, the background color does not change. The “Updating” dialogue box doesn’t even pop up. Nothing changes at all.

See below. I’ve selected a dark grey background color, but the background remains the same old white. No change.

Any idea why this would be happening?

URL: natemancini.com
Wordpress version: 4.1.1
X Theme version: 3.2.2
Shortcode plugin version: 3.0.4

I would like to check your site but its under construction mode.
I think its container background you are trying to change, If so please add the following CSS under Customize -> Custom -> CSS :

.x-container.main:before{
background-color:red;
}

Do other options work in customizer?
If you have issue with customizer please check : http://theme.co/x/member/kb/solutions-to-potential-setup-issues-customizer/.

If it doesn’t help provide us with login credentials in private replay.

Hope it helps.

So, to clarify, the “Container Background” is different than the “Background”? Using your code I’m now able to edit the Container Background color, which works and is apparently what I wanted. But the “Background Color” control in the Layout and Design section in the Customizer still doesn’t do anything. Maybe it’s just that the Ethos theme doesn’t utilize the “Background Color” option in any way? Just curious.

There could be a bug in your Customizer in Layout and Design. Would you mind sharing us your admin credentials so we could take a closer look of it.

Thank you so much.

Don’t forget to set it as private reply.

Cheers!

There could be a plugin conflict that is causing this issue, try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

You can also change the background color with custom CSS, please add the following CSS code via Appearance > Customize > Custom > CSS:

.site {
  background: #000 !important;
}

Let us know how this goes!

Thanks for your help,
Rena

Thank you,
Rena