Change Code Style Body Color to display widget correctly

Hello,

I integrated a widget from the local tourism agency in my website to allow online bookings of our apartment. the widget does not display the month. the widget creator told me this is because " the default background color of the website's body element is set to white. To seamlessly integrate the widget with the website design, we adopt the website's basic styles. These styles can be adjusted directly on the website as needed". 

I did not find a possibility to adjust the background of a code block? Thanks for helping. 

one the picture you can see the widget integrated in someone else's website, it displays the month. on the other picture, you can see a screenshot of the widget integrated in our website - it does not display the month.

thank you!

Angie

5 hours ago, Kapeller said:

I integrated a widget from the local tourism agency...the widget does not display the month. the widget creator told me this is because "the default background color of the website's body element is set to white."

Indeed, the text is set to white text on a white background. Please try adding something like this to the Custom CSS panel:

.mco-overlay-content.wdg-6-mco-widget-booking-styles345 {
  color: black;
}

If this doesn't work, please share details of the code you added and the site URL.

Did this help? Please give feedback by clicking an icon below  ⬇️

Hi Paul, thank you so much for your help. The Code of the widget that i included looks like this:

<div class="mco-widget-booking" data-token="bETbFuR9xeChxOWmpM9wIXlNMXieu2uK4F__rW7to1m40" data-id="6"></div>
<script src=https://vermieter.pillerseetal.at/static/widgets/js/widget-booking.js></script>

If you helped me to adjust it i would be very grateful.

Thank you!

What do you need help with? I see that the month titles are now visible. 

Hi Paul, i did not yet change the Code! But you are right, the month is visible now. However you did that! 😜 Thank you! 🤩