I’m trying to embed a booking calendar widget from a third party application. Their instructions – unfortunately – assume the site is a very basic HTML site. In short, they are asking to upload three CSS folders to the root level of the site (done) and then add a code block to the page (done).
The problem is when the page is opened, the booking widget area is blank. It’s not showing up due to CSS conflicts. I had someone with some CSS skills take a look, and they sort of got it to show up, but it looked terrible. It could be cleaned up, but I’m certain it would end up causing downstream impacts with the theme’s CSS. Right now, the element is just blank, but all of the code is there – link to the page is in the Private Content area.
Click here to see the instructions they provide.
Is their a way we can set up a code block on a page to completely ignore the style from the theme and exclusively use the styles referenced in the folders they had me upload?
Suggestions?
Thanks in advance,
Steve
Hey spidercreations,
Thank you for using Enfold.
You have to register those css and set the theme’s stylesheets as their dependency so that they will be loaded after the theme’s css.
// https://developer.wordpress.org/reference/functions/wp_enqueue_style/
You may need to add a few css adjustments because the theme may still override the elements’ default styles.
Best regards,
Ismael