Background customisation for Appointment Booking

Ask the Community Customization
1

hello!

can we have separate css/style config for the web version of the widget?

I have it embedded in my website, works great with the transparent background, however in the web version the transparent background looks awful https://90cb3070c1254591b740cb3238d1b7cd.elf.site

1 Like
Appointment Booking CSS
4

Hey @raul_alfredo_arenas, glad to see you here :waving_hand:

If I got your request correctly, you want your Appointment Booking to look nice both on the website and using a share link. However, the share link one is almost invisible now.

We can totally assist with that! The devs have already prepared and applied a custom JS code for your case:

if (location.href === 'https://90cb3070c1254591b740cb3238d1b7cd.elf.site/') {
  const backgroundStyle = document.createElement('style');

  backgroundStyle.innerHTML =
    '.elfsight-app-90cb3070-c125-4591-b740-cb3238d1b7cd {background-color:#444}';
  document.head.appendChild(backgroundStyle);
}

This script checks if the widget is being viewed via share link and makes the background more dark for better visuals. What do you think about the look now? :smiling_face:

3 Likes
5

awesome! thank you !

kudos for the dev team

1 Like
6

Thank you so much for your kind words! I’ll make sure to pass them to the saviors of the day :technologist:

If you have any more requests, please ask away. Have a beautiful day in the meantime :smiling_face:

1 Like