1. We are using the feature where the main pages are dark, but the actual blog/article pages switch to white. Unfortunately, on the white pages, we have a couple of issues: (see attachment)
A - The Light/Dark toggle no longer works.
B - The text in the Top Bar that was built into the Penci Header does not display correctly on pages with a white background.
2. My client wants the search bar to be larger/easier to see. Can you provide css to adjust this? (see second attachment)
The issue on the single posts is caused by the Text-to-Speech plugin you've installed, which is generating JavaScript errors. As a result, other JS functions can't work correctly.
Please check the plugin's settings, disable all JavaScript optimization features, and then check again.
Hello and thanks for looking at this. I thought it might be a plugin conflict too, and did test deactivating all but your shortcode plugin and the Elementor plugin, but the issue still persists.
Also, please respond to my other inquiries when you get a chance!
1/ I’ve checked your site, and the issue is caused by custom code in your child theme that forces dark mode to be disabled. As a result, the dark mode features and colors are not rendering properly. Please try removing that custom code.
2/ Regarding the search form, please go to Appearance → Customize → Custom CSS and add the following custom CSS code:
That is the custom code your support gave me! Ticket #3766940
We only want main pages to be dark by default. We want all single post pages to have a white background. How can I achieve that and still have the dark/light toggle?
And what about my questions on the responsive/mobile views? The layout breaks up oddly when screen size is changed.
1/ Please modify the code accordingly. Keep in mind that if the user toggles the dark mode button to dark on the homepage, it will apply to all pages, including single posts.
1/ Please note that if you force dark mode to be enabled on the homepage, it will also save the dark mode preference in the user’s cookies, applying it across the entire site. The current version of Soledad does not support forcing dark mode on a specific page only. If the code I sent doesn't meet your requirements, it means this feature cannot be modified as requested.
2/ Please edit your page using the Elementor page builder, switch to mobile/tablet view, adjust the column widths, and then check again: https://elementor.com/help/mobile-editing/. If you’re unable to edit it, please send me your WordPress admin account details and I’ll help you make the changes.
1. We are using the feature where the main pages are dark, but the actual blog/article pages switch to white. Unfortunately, on the white pages, we have a couple of issues: (see attachment)
A - The Light/Dark toggle no longer works.
B - The text in the Top Bar that was built into the Penci Header does not display correctly on pages with a white background.
2. My client wants the search bar to be larger/easier to see. Can you provide css to adjust this? (see second attachment)
Attached files: Screenshot 2025-07-12 at 12.27.07 PM.png
Screenshot 2025-07-12 at 12.32.50 PM.png
Hi,
The issue on the single posts is caused by the Text-to-Speech plugin you've installed, which is generating JavaScript errors. As a result, other JS functions can't work correctly.
Please check the plugin's settings, disable all JavaScript optimization features, and then check again.
Regards,
PenciDesign.
Hello and thanks for looking at this. I thought it might be a plugin conflict too, and did test deactivating all but your shortcode plugin and the Elementor plugin, but the issue still persists.
Also, please respond to my other inquiries when you get a chance!
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.
Hi,
1/ I’ve checked your site, and the issue is caused by custom code in your child theme that forces dark mode to be disabled. As a result, the dark mode features and colors are not rendering properly. Please try removing that custom code.
2/ Regarding the search form, please go to Appearance → Customize → Custom CSS and add the following custom CSS code:
.penci-builder-element.pc-search-form-desktop { max-width: 100%; }Regards,
PenciDesign.
That is the custom code your support gave me! Ticket #3766940
We only want main pages to be dark by default. We want all single post pages to have a white background. How can I achieve that and still have the dark/light toggle?
And what about my questions on the responsive/mobile views? The layout breaks up oddly when screen size is changed.
Hi,
1/ Please modify the code accordingly. Keep in mind that if the user toggles the dark mode button to dark on the homepage, it will apply to all pages, including single posts.
add_filter( 'theme_mod_penci_dms_dark_default', function( $value ) { if ( is_single() ) { return false; } return $value; } );2/ Regarding the responsive/mobile views, please send me a screenshot and note the specific areas you need to customize.
Regards,
PenciDesign.
This code does not work. The individual post pages are black, not white.
And here are shots of the site in various sizes so you can see what is happening. It's mainly just the home page that breaks down.
Attached files: Screenshot 2025-07-17 at 12.17.29 PM.png
black-background-not-white.png
Screenshot 2025-07-17 at 12.17.08 PM.png
Screenshot 2025-07-17 at 12.16.59 PM.png
Hi,
1/ Please note that if you force dark mode to be enabled on the homepage, it will also save the dark mode preference in the user’s cookies, applying it across the entire site. The current version of Soledad does not support forcing dark mode on a specific page only. If the code I sent doesn't meet your requirements, it means this feature cannot be modified as requested.
2/ Please edit your page using the Elementor page builder, switch to mobile/tablet view, adjust the column widths, and then check again: https://elementor.com/help/mobile-editing/. If you’re unable to edit it, please send me your WordPress admin account details and I’ll help you make the changes.
Regards,
PenciDesign.