So I’m having a hard time figuring out how to style an embedded calculator from Calconic to display the same font as the rest of the page which is Circular.
I’ve added the code snippet provided by Calconic into an Embed element block on the page I would like the to display the caclulator:
By selecting the .calconic-calculatorclass I was hoping to change the font to Circular. By the calculator is still displaying Montserrat from the Calconic style.
Interestingly enough is that the Chorme extension What font? detects Circular when clicking elsewhere that the actual text inside the calculator boundaries.
More specific CSS rules are controlling the font display. These are in the many style blocks the script injects into the page. You should consult the providers documentation on whether overrides are possible and how. You could try to copy the rules (modified) and place them in an embed on the page. Use your browser devtools to inspect the page so you can see the computed styles.
@Bastian - Make sure to @ message a user you are responding to since that notifies them. Without that it’s very hard to keep track of threads where users need assistance.
I was going to circle back since I just saw the topic again and tried your read-only which is no longer valid. Did you resolve this issue?