Hotelerum widget conflict

[marcogubaira]

Hi, I’m building an hotel website with your theme, and everything was fine until I tried to put my booking widget on the homepage, for whatever reasons, when I put the code that the company ‘Hotelerum’ send me, it gets in conflict with the pagebuilder and the theme in general.

As you can see in hotel.gabbanabeach.es/jaime thats the widget using a test enviroment without pagebuilder, in classic mode. Everything looks find, but when I try to put it in the homepage (made it with the swift pagebuilder) the widget get the style overwritten by something, and also the pagebuilder itself gets bugged, and you can’t save or edit anything else on the page and the only way to solve it, is recovering a backup version without the widget.

At the begining I thought it was a problem of the widget, but I tried on several themes without having any problems.

The widget code is:

<!–WIDGET Gabbana – Hotelerum–>
<script id=”hotelerum-widget” src=”https://gabbanabeach.web-reservations.com/js/widget/form-new.js?language_widget=es&web_id_widget=730433&#8243; type=”text/javascript”></script>
<div id=”hotelerum-widget-container”></div>
<div id=”hotelerum-widget-container” class=”hotelerum-widget-container-interior”></div>
<link href=”http://d3b6zhnatrfwh1.cloudfront.net/upload/css/styles-730433.css&#8221; rel=”stylesheet” type=”text/css”>

Thank you, and excuse my english.

[Nishant – SUPPORT]

Hi,

Unfortunately, we don’t provide support for third party plugins. It is beyond the scope of support as it’s more work to make it compatible than a small customization. While we’d love to be able to support every customization request, we simply don’t have the time to do so.

[marcogubaira]

Okay thank you anyway. I’ll investigate it by myself.

[marcogubaira]

Would be great if you can guide me a bit about some point of your theme, like which css should I edit if, for example, the font color of the top menu changed, where should I put the !important to dont get overwritten styles? or if the testimonial slider is not showing testimonials.

I really liked your theme, would be a pity to refund it.

[Mohammad – SUPPORT]

Hi,
Please insert your widget code through Raw JS element of swift page builder. Hope it should work perfectly.
Thanks
Mohammad

[marcogubaira]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issues and attach some marked screenshots images to indicate the issues.
Thanks
Mohammad

[marcogubaira]

I attached you 2 img, the first one is the homepage, with the 2 issues I noticed, header style getting overwritten, and testimonials disappearing. The second one, is how the header looks in the other pages (and the homepage itselfs when I delete the widget).

This screenshots are maked with the widget put it in a RAW HTML Element, like this:

http://gyazo.com/cfd1ae95260a5cbc25e79175a5481896

http://gyazo.com/0e5b6cdbd176be45b1f67b3c41547be1

When I put this at RAW JS like:

http://gyazo.com/f96535cf998a8728a38177ba1bffc2bc

or like:

http://gyazo.com/4cc8c568153be8f6259a18a59f2c82fc

nothings happens, the widget it’s not showing.

Attachments:

You must be logged in to view attached files.

[marcogubaira]

The url is hotel.gabbanabeach.es btw.

[Mohammad – SUPPORT]

Hi,
Please use this css code:-

.full-center nav#main-navigation ul.menu > li.menu-item > a{
color:#000 !important;
}

I need wordpress admin login detail to check and resolve the issue.

Thanks
Mohammad

[marcogubaira]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this code also :-

#header {
    border-bottom: none !important;
    background: transparent !important;;
}

Thanks
Mohammad

[marcogubaira]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Was testimonial working before widget code?
Thanks
Mohammad

[marcogubaira]

Yes, actually, If I remove the widget, testimonial works fine. It just happens with testimonial slider, testimonial carrousel and normal testimonial works with the widget on.