[Resolved] How to resize the audio file on toolset

[Author]

Posts

[opadipeO]

Hello,
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']
</div>

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

[Waqar Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hi,

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">

To:

<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.

regards,
Waqar

[opadipeO]

Hello,

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']
</div>

style;

#upload{
display: none
}

[opadipeO]

My issue is resolved now. Thank you!