Andrew@kanaree.io

Site URL: https://beige-carillon-5aht.squarespace.com/pricing

Password to the site is Kanaree.io

We are working on a new template and is an iframe injection for the pricing cards. We need to exclude the iframe from the site CSS so that is not over riding the iframe css. How can we do this ?

An example of the vertical text site CSS is like this.

@media only screen and (min-width: 640px){ em {
  width: auto !important;
  writing-mode: vertical-rl;
  text-orientation: sideways-right;
  font-style: normal !important;
}
}

em {
  font-style: normal !important;
}

 I thought I could exclude the iframe by reference like this 

@media only screen and (min-width: 640px){ em:not(.elfsight-app-f9698b31-dfcd-45a5-9367-5887af1dcfbe eapps-pricing-table eapps-pricing-table-layout-columns) ( {
  width: auto !important;
  writing-mode: vertical-rl;
  text-orientation: sideways-right;
  font-style: normal !important;
}
}

em {
  font-style: normal !important;
}

But that breaks the vertical text everywhere?

I also need to fix a few other CSS things in the from but if I figure out how to exclude one I can probably get the others to work. 

Thank you for the help

Hi. Can you describe your problem than just show css? We can check easier.

(Also, do you use Pricing Widget Paid Plan? I used to help 4 - 5 members, convert Elfsight Pricing Tablet to Code Block + HTML.

I think we can use Code Block + HTML/CSS to achieve same pricing table. Of course, it will take more time. If you feel that the paid plan pricing is okay, don't mind my suggestion.)