Hey @Robert_Petitto great series! In Part 2 @17:20 may we know how you made the Web Embed transparent/ dark background?
Calling in reinforcements. @Himaladin @ThinhDinh do you have any ideas how to make a Web Embed component with a dark background/ transparent?
Eric, this issue is tricky because a web embed component is essentially like cutting a hole in a piece of paper to peek at another website. From what I understand, the background is largely determined by the source website you’re embedding, whether it’s set to be transparent or not. Could you check the documentation to see if your website offers any code options to set the background color?
If the object you’re embedding is a single form, I usually use a container to clip the form.
3 Likes
Ah. I didn’t make the webembed dark, payhere just picked up on the fact that my browser is in dark mode and automatically applied dark mode settings.
2 Likes
Thanks this makes a lot of sense. Inside Payhere we can control the button text and the button color but unfortunately not the background.
Copy that. Thanks for the clarification and thanks again for the video series. Aside from dark mode 
I managed to get everything working with one-off payments. Anyone building a Glide App should definitely watch this series
2 Likes
Thanks for the kind words!
@Eric_Penn, I discovered that the root of the issue with the non-transparent background in your web embed is due to Glide’s dark theme enforcement. The solution is that you need a container to wrap your web embed, and the code is as follows:
/*iframe Background*/
.containerClass{
color-scheme: light;
}
You can also use color-scheme: auto;
1 Like