[natemanciniParticipant]

Hello:

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

[ChristopherModerator]

Hi there,

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.

[natemanciniParticipant]

Ok, thank you. That code worked.

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.

[NicoModerator]

Hi There,

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!

[natemanciniParticipant]

This reply has been marked as private.

[Nabeel AModerator]

Hi again,

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!

[natemanciniParticipant]

Thanks! This was very helpful.

[John EzraMember]

You’re most welcome!

[fatcatgraphicsParticipant]

Hi, The background color isn’t working for me either. Ive attached a photo. I have boxed layout and the sides where its gray to the left, I want to change that color. When I add a background pattern that works but not color. This css code didn’t work for me. It made the background of the content black. I want the sides changed.

Thanks for your help,
Rena

[fatcatgraphicsParticipant]

I was able to change it by creating a block of color in photoshop and using that as a pattern background. But i’d still like to know how to change it properly with css.

Thank you,
Rena

[JadeModerator]

Hi Rena,

If you want to set a background pattern separate from a color, you will need to create an image that has transparency so that the background color behind it will show up since if you set a background image and a background color in one block, the background color would be behind the background image.

In case you are still having trouble with in, kindly provide us with your website link so we can check it further.

[fatcatgraphicsParticipant]

Thank you, actually out of no where it started to work. Not sure why.

Thanks for your time,
Rena

[JadeModerator]

Glad to hear that Rena. 🙂

[Author]

Posts