Skip Navigation

[Resolved] How to resize the audio file on toolset

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 3 replies, has 2 voices.

Last updated by opadipeO 3 months ago.

Assigned support staff: Waqar.


I want to resize the audio file because it is taking up space.
I tried using the code editor mode to give the file a width size but it still do not work?
Here is the html and css i did in the editor mode

<div class="form-group" class="track">
<label for="%%FORM_ID%%_upload-trac">[cred_i18n name='upload-trac-label']Upload Track[/cred_i18n]</label>
[cred_field field='upload-trac' force_type='field' class='form-control' output='bootstrap']

.track label{width: 350px;
how do i resize the width in toolset?



Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)


Thank you for contacting us and I'd be happy to assist.

Here are the changes that I'll recommend to make this CSS code work:

1. In the form's field's HTML code, you can change the line, from:

<div class="form-group" class="track">


<div class="form-group track">

2. And the CSS code to set the fixed width to this field's container will become:

.track {
    width: 350px;

I hope this helps and please let me know if you need further assistance.




I did as you instructed but the issue still the same. the audio style is still the same.

I want to style the file upload to be in image instead of the ugly file upload button, an image should be displayed instead.
I also want to takeout the border in the text input and make it a border bottom only.

in the editor mode i did image, but i don't know how to style it that will make the ugly button not to display but make the image i add to display and be able to upload

<div class="form-group col-md-12" id="upload">
<label for="%%FORM_ID%%_upload-art">
<img src="root/just.png"/>
<[cred_i18n name='upload-art-label']Upload Artwork[/cred_i18n]</label>
[cred_field field='upload-art' force_type='field' output='bootstrap' previewsize='thumbnail']


display: none


My issue is resolved now. Thank you!