Child Theme doesn't recognize all color customization settings in customizers

CBWright replied

3 years ago

Customer Reply

Thank you for your help!

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

I've checked your site, the problem is that the Hummingbird plugin has scanned and removed some custom CSS properties, so all the customizer color settings don't work.

I've disabled this plugin. Now your site working properly.

Regards,
PenciDesign.

CBWright replied

3 years ago

Customer Reply

That's my fault - I forgot to check a checkbox. Please try again.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

I've logged in but have not received an Authentication Code in my mail.

Please check.

Regards,
PenciDesign.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you check this problem.

Regards,
PenciDesign.

CBWright started the conversation

3 years ago

Conversation Start

I have recently purchased the PenNews theme and I am currently in the process of building the site. I've decided to use the child theme instead of the full theme, and I'm running into a strange inconsistency when trying to set colors using the customizer (Appearance > Customize, then click the Color for Header menu item).

Specifically: when using the child theme, changing the colors on the following items:

Main Bar Background
Main Bar Menu Text Background Hover & Active Background Color
Dropdown Border Top Color

If I change these setting to anything other than their defaults, they will display correctly on the page preview but when I publish the change it will not be displayed on the live site.

This problem does not occur when using the full theme - I am able set the colors using the customizer controls without any problems there. I have been able to partially fix this with custom CSS added to the Additional CSS field - specifically I can force the header bar to use a black background by adding:

.site-header {background: #000!important}

But I haven't been able come up with a CSS solution that correctly addresses the issue with the parts of the menu I want to change from blue to green.

What can I do to make the child theme fully respect and comply with the color settings?

Attachments:

A-Customizer and Preview.png shows the color set to green (specifically #005500) in the Customizer, and shows that the preview page correctly displays that cover when the mouse is hovering over it.

B-Live Site After Publish.png shows that the header menu ignores those settings and continues to display a Blue background when the mouse hovers over it.