Kanaree Posted December 31, 2020 Share Posted December 31, 2020 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 Link to comment
tuanphan Posted January 2, 2021 Share Posted January 2, 2021 (edited) 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.) Edited January 2, 2021 by tuanphan Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment