Embed widget behavior inconsistent since 6.0 upgrade

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,
Oguz

Thanks 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 (https://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,
David

Hey @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,
Oguz

We’re back in business!!! Thanks so much for the suggestions Oguz. Everything seems to be working properly now!