Embed widget behavior inconsistent since 6.0 upgrade
-
Hello Hustle Team! I’ve been enjoying your simple, elegant and powerful plugin for a while now….so thank you! But it seems like others, the 6.0 update messed up a bunch of things on the backend and introduced a) style issues with my popups/embed b) display issues with the content not showing up where it was supposed to and c) error messages when users tried to provide their email info. I walked through the new setup screens for both the popup and embed widgets, cleared cache, etc. and some of the functionality has returned to normal except for 3 things:
1. Based on the config, the embedded widget is supposed to show up at the bottom of all pages on the site except for two (config image here):
https://www.dropbox.com/s/j9kh05yyck6v2d3/display_settings.png?dl=0
But it’s missing on some pages it SHOULD be shown on. For example, on the home page it shows up (http://cerebralselling.com), but not on the services page (http://cerebralselling.com/services/) or the blog page (http://cerebralselling.com/blog/) – although it shows up on individual posts. As a strange quirk, it doesn’t show up on the services page (http://cerebralselling.com/services/) but instead inserts a huge white space after the content (which disappears if I deactivate the embed widget)
2. When the embedded widget does appear, the title text is showing in ALL CAPS on some pages when the embed was configured with standard capitalization.
Content config: https://www.dropbox.com/s/r6irjchl6jqaxz0/content_config.png?dl=0
eg. http://cerebralselling.com (shows up as all caps)
https://www.dropbox.com/s/ui26grr2vxzbvtt/homepage_screenshot.png?dl=0vs http://cerebralselling.com/ultimate-discovery-mindset/ (sample blog post which appears normal)
https://www.dropbox.com/s/yxuzmidi8elc3vm/blog_screenshot.png?dl=03. A couple style issues: both the popup and embed widgets are now showing up with a little white lip (i.e. additional row) under each field:
https://www.dropbox.com/s/0d8tyq63m6zohjr/lip%20under%20widget.png?dl=0
Also, when the embed was displayed on pages like the main page, it used to show up as a full-page-width embed which looked nicer than the way it’s left aligned. Is there a way to set that back or at least center align it?
As for the site itself, nothing has changed since upgrading to Hustle 6.0 so my sense is that no new conflicts would have been introduced outside of Hustle.
Thanks so much for your help and insights here Hustle team!
The page I need help with: [log in to see the link]
-
I am also having very similar issues, except embeds are showing on zero pages!
Hey @dpriemer,
Hope you’re well.
As far as I can see there is a CSS/HTML conflict with your theme and Hustle. But because of some pages can show some pages not the content of page is not generating same way by your theme. So you need to add custom CSS for not showing pages. For example for Services page you can use this CSS code;
.page-id-158 .hustle_module_after_content_wrap{ margin-top: 370px; }For the second problem, again you need to add custom CSS but this will be solve it globally;
.hustle-modal .hustle-modal-title{ text-transform: none; }For the third problem, you can use this custom CSS and it will be solve globally too;
.hustle-modal .hustle-modal-optin_form .hustle-modal-optin_field{ height:36px; }To center embed at the bottom you can use this custom CSS;
.hustle_module_after_content_wrap .hustle-modal{ margin:0 auto; }I hope these codes can help!
Cheers,
OguzThanks for the detailed response Oguz! Much appreciated. I’ve implemented all of your suggestions and it’s fixed a couple of the issues (i.e. centering the widget works and so does the css that removes the little while lip below the email fields) but a couple issues still remain:
1. While I can get the embed widget to show up on the Services page using your code, if I add another bank of custom CSS for one of the other pages that wasn’t displaying the widget, nothing happens. For example, using the code below (with the proper page id), I was hoping to get the widget to show up on the speaking page (http://cerebralselling.com/speaking/) but it doesn’t. Doesn’ work for some of the other pages as well. Any idea why not?
.page-id-1346 .hustle_module_after_content_wrap{
margin-top: 370px;
}2. The CSS you provided below, also doesn’t seem to remove the ALL CAP treatment on the widget text on most of the pages.
.hustle-modal .hustle-modal-title{
text-transform: none;
}Any ideas?
Cheers,
DavidHey @dpriemer,
Hope you’re well.
For the first embed widget problem, I have a different solution that can solve problem globally maybe. Can you remove “.page-id-” defined codes and place this instead of that;
.hustle_module_after_content_wrap:before{ content: ""; display: table; clear: both; }For title problem can you try like this;
.hustle-modal .hustle-modal-title{ text-transform: none !important; }Please let me know these two solves the problem?
Cheers,
OguzWe’re back in business!!! Thanks so much for the suggestions Oguz. Everything seems to be working properly now!
The topic ‘Embed widget behavior inconsistent since 6.0 upgrade’ is closed to new replies.