While building my site, I noticed that text in widgets is not displaying properly.
I troubleshooted the problem and discovered that it is Page Builder – when I use widgets in Page Builder, the text displayed on-site is transparent. At first I thought the widgets themselves just were not displaying at all, as the page looks blank – but if you hover/highlight you realize the text is actually there, just transparent.
I’ve tried editing the text colour numerous times, it never works. I’ve switched between various different widgets to test compatibility issues – it happens with *every* widget I’ve tried.
I tried completely deleting Page Builder and files, and re-installing to rule out an issue with installation or currupted files – same problem.
I tried a different theme, trying to rule out a compatibility issues between theme/plug in – same problem.
I tried completely deleting Theme and Files and re-install to rule out a corruption issue on the Theme side – same problem.
I really enjoy Page Builder, and cannot accomplish the layout and look that I want with the standard Visual editor, and don’t know enough about coding to build from scratch using code alone, So I would really like to find a resolution.
I am running the latest Page Builder (2.2) and the latest WP (4.3) on the updated Sequel Theme.
These widgets I have tried with same problem:
Recent Posts
Recent Posts Extended
Visual Editor
SiteOrigin Editor
Post Content
Post Loop
I have tried changing the Page Template – all same problem.
I have Tried it on different browsers – same problem.
I have cleared my cache so many times Chrome has started prompting me to use incognito mode, they think I’m up to something….
Howdy all, I too am having the exact same problem. I have re-loaded the page builder plugin, I have tried using a different theme. None of which has worked, my pages still look blank. I did see faint text by hovering basically all the things already posted above.
Hi Bryce
We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.
Page: New Thread
If you’re a premium user, please be sure to enter your order number so we can properly prioritize your thread.
Does no one have any suggestions at all?
Same problem continuing even after the latest WP update.
Hi Mordigen
Thanks for the follow-up. This is a standard Twenty Fourteen / Page Builder challenge. Twenty Fourteen expects its widgets to be in the regular widget areas with a dark background. To correct, use a Custom CSS plugin: https://wordpress.org/plugins/so-css/
Once activated go to Appearance > Custom CSS and insert:
.widget a { color: #fff; } .widget a:hover { color: #41a62a; }Adjust the two color values to the link colors you’d like to use the regular and hover state.
Thank you Andrew,
Is there a way I can differentiate between the texts in the widgets in the main area vs. the widgets in the side-bar ?
Ahh, sorry, should have been in there.
Sure:
/* Page Builder widgets */ .panel-grid-cell .widget a { color: #fff; } .panel-grid-cell .widget a:hover { color: #41a62a; }/* Theme Widgets */ .widget a { color: #fff; } .widget a:hover { color: #41a62a; }Thank you again Andrew,
You’ve been a huge help !
For sure :) Glad to hear that did the trick.
All the best with your site.