Since widget is being stored into html directly (without iframe), CSS styles also can be applied directly to widget elements. All user-defined css properties should include !important.
Below is the CSS-code with several common examples of widget stylization.
This code (or your own CSS rules) can be added to your project's CSS file or inline using <style> tag.
It is prohibited to make invisible or pale, descrease size or move the 7calc.net label.
These changes will be treated as violation of widget usage rules, which will cause the domain ban.
FAQ
Do you provide calculator source code if I buy widget?
No. Widget is only a javascript code that you place on your website.
Disclaimer
Installing widget on your website you agree that 7calc.net website as widget provider is not responsible for incorrect widget display, for information in widget, for possible errors in calculations.
We also keep the right to modify widget HTML code, what may cause applied styles no longer work correctly.
Widget code
Widget code consists of two parts:
1. Library import. Put this code between <head> and </head> tags.