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:
Then i headed over to the Project settings → Custom code and added the following code to the Head Code:
font-family: Circular, sans-serif !important;
color: #000 !important;
font-size: 16px !important;
line-height: 1.4 !important;
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.
My question is: How can I apply any style changes to the calculator?
I’ve also tried to add the CSS custom code to the both the Embed element block and to the Page settings custom code section, without any luck.
So please, If you have any ideas to how to solve this, I’dd be happy to try them out
Here is my site Read-Only: Calconic-calculator