Jump to content

Andrew@kanaree.io

Recommended Posts

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
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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 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

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.