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 Vladimir,

it works Thank you for sharing the knowledgeable and guidance but it doesn’t work with table could you please guide me again.

Kindest Regards
VIpul Arora

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;
}