Community Events – Increase Size of (Currency Symbol)

[CDC]

How can we expand the currency symbol field in the submission form (‘Submit An Event’ page) – at current, when we type ‘HKD’ in the text box field, it cuts off some of the wording, so we can’t properly see what is being typed – is there a way to custom expand the size of this box.

Thanks!

[Brook]

Howdy CDC,

That is totally doable. If you add this CSS to any of your theme’s CSS files, it will increase the width to 3 characters. You can increase it further by bumping the 5 up to a bigger number.

input#EventCurrencySymbol {
width: 5em;
}

That do what you wanted?

Cheers!

– Brook

[CDC]

Hi Brook,

Thanks for getting back to us! We tried adding those lines of code to the theme’s CSS, but it doesn’t seem to work. Actually, strangely, we’ve noticed that the currency symbol box is different in different browsers – we haven’t test too many yet, but noticed that on Firefox it shows up fine, whilst on Chrome it still cuts off the text (because the box is smaller). On Firefox it shows the full text.

We also tried the code in a couple of different ways, but it didn’t seem to work:

#EventCurrencySymbol {
width: 8em !important;
}

input#EventCurrencySymbol {
width: 8em !important;
}

[Brook]

Interesting. Thanks for getting back. Do you mind sharing a link to the page in question? I can try out a CSS fix with my browser seeing the page, and hopefully find one that works.

Cheers!

– Brook

[CDC]

Hi Brook,

Here is the link to the page: http://dev.cdchk.org/events/community/add/

Thanks

[Brook]

Thanks for the link. So I just tried adding that style to your website and it worked great.

input#EventCurrencySymbol {
width: 8em !important;
}

If you do not see any changes then it is likely that the CSS file you are editing is not being cached, or is not loaded on that page.

Here is the main CSS file for your site. It looks like it combines a few of your CSS files into one minified one. You will want to make sure that the CSS you add is included somewhere in there. After you add the CSS, open that file up and do a Ctrl + F to make sure it is in there. Once you can find it in there, you will see the change reflected.

Does that all make sense?

Cheers!

– Brook

[CDC]

Hi Brook,

Thanks – it works! Seems like I had made a mistake in a line of the code.

Thanks again!

[Brook]

You’re welcome! I can definitely relate to making a change and it not showing for some reason. Just part of our lives I suppose.

Cheers!

– Brook

[Author]

Posts