Frontend Styling: I need inspiration to design my calculator's frontend look

Created by Mike B, Modified on Wed, 25 Nov 2020 at 05:10 PM by Mike B

User 1

This user has used Frontend Style #2 with the border-line feature turned on. They used a different colour background for the calculator compared to the rest of the page. This helps the user visualize where the calculator starts and ends.

.scc_wrapper {
  1.     padding60px;
  2.     background-color#f8f8f8;
  3.     padding-top0px!important;
  4.     margin0 auto!important;
  5.     box-shadow0px 2px 18px 0px rgba(0,0,0,0.3);

 .scc_wrapper {

    padding: 60px;

    background-color: #f8f8f8;

    padding-top: 0px!important;

    margin: 0 auto!important;

    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article