changing box default size

Hi Vipul,

you can add a custom CSS class to your shortcodes and then style it in the Custom CSS code field at the plugin settings screen.

1. Add custom CSS class to your shortcode:

[su_box class="my-custom-box"] ... [/su_box]

2. Navigate to Dashboard – Shortcodes – Settings and add the following snippet to the Custom CSS code field:

.su-box.my-custom-box {
  max-width: 400px;
}

You can do the same with Note shortcode.

Hi Vipul,

the same approach should workfine:

[su_table class="my-custom-table"]<table>
<tr>
	<td>Table</td>
	<td>Table</td>
</tr>
<tr>
	<td>Table</td>
	<td>Table</td>
</tr>
</table>[/su_table]

.su-table.my-custom-table {
	max-width: 400px;
}