Submissions Counter: Changing Font Size or Bold/Italics

As you can see on the attached image, I have embeded some code to show the results of the total submissions of my basketball camp (80). My question, is there a way to increase the size or color of the text and data and/or add bold or italics? Thank you!

Hi Jamie,

Thanks for reaching out to Jotform Support. In order to accommodate the increase of font-size for the Submissions Counter text, we will need to increase the widget height with the provided CSS code by injecting it into the form.

/*Increase Submissions Counter height - 14181541*/

iframe#customFieldFrame_50 {

    height: 75px !important;

}

/*Code ends here*/

Here's how to do it:

1. In Form Builder, on the right side of the screen, click on the Paint Roller icon.

2. On the right panel, go to Styles.

3. Scroll down to Inject Custom CSS.

4. Paste the provided CSS code.

Once the widget height is increase, you can then increase the font-size and update the color of the text on the widget with the provided CSS code.

/*Adjust font-size and text color for before text - 14181541*/

div#text-before {

    font-size: 16px;

    color: orange;

}

/*Code ends here*/



/*Adjust font-size and text color for result text - 14181541*/

div#count {

    font-size: 16px;

    color: orange;

}

/*Code ends here*/

Here's how to do it:

1. In Form Builder, click on the Submission Counter widget to select.

2. On the right side of the selected Submission Counter, click on the Wand icon.

3. On the right panel, go to Custom CSS.

4. Paste the provided CSS code and click on Update Widget.

You can adjust the value and color to your preference.

Result:

Give it a try and let us know how it goes.