Site URL: http://www.overlandwa.com
I am adding custom code to my site to lead to an external booking site. Unfortunately when I added either the booking bar or the booking buttons it also added a border around my site. Any ideas how to fix this issue? Thanks in advance for your help! Here are the two codes I inserted:
<script type="text/javascript" class="" src="https://cdn.lodgify.com/portable-search-bar/1.60.6/renderPortableSearchBar.js"></script><div><div id="lodgify-search-bar" data-website-id="373893" data-language-code="en" data-checkout-page-url="https://checkout.lodgify.com/overlandwa/en/#/395597" data-dates-check-in-label="Arrival" data-dates-check-out-label="Departure" data-guests-counter-label="Guest" data-guests-input-singular-label="{{NumberOfGuests}} guest" data-guests-input-plural-label="{{NumberOfGuests}} guests" data-location-input-label="Location" data-search-button-label="Search" data-new-tab="true">
</div>
<style type="text/css">
html {
--lodgify-ui-action-color: #fa8100;
--lodgify-ui-action-darker-color: #c86700;
--lodgify-ui-action-lighter-color: #fdcd99;
--lodgify-ui-action-contrast-color: #000000;
}
</style>
</div>
and:
<script type="text/javascript" async="async" class="embed-ldgfy-script-loader embed-ldgfy-button-script-loader" src="//cdn.lodgify.com/themes/shared/v3/assets/3.3.4/embed-ldgfy-button.min.js" data-website-id="373893" data-website-slug="overlandwa" data-domain="lodgify.com" data-property-id="395597" data-culture="en" data-text="Book Now" data-target="_blank" data-bg-color="#fa8a00" data-text-color="#fff" data-class-name="" data-currency="USD"></script>