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.
/* Links color */
.calc-form a {
color: #336600 !important;
}
/* Button color */
.calc-submit {
background-color: mediumseagreen !important;
}
/* Loader color */
.loading-row .spinner-border {
color: mediumseagreen;
}
It is prohibited to make invisible or pale, descrease size or move the 7calc.net label.
These changes will be interpreted 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.
How many widgets I can insert on one page?
Only one widget per page.
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.