Support Forum

Every time that you post a problem, PLEASE add the Joomla and the extension's versions and revisions (for example: Joomla 3.3.6, Contact Enhanced 3.3.5), PHP version and Server's Operating System. If you only manage only one site it is easier if you edit your profile and just add that information to your signature. Don't forget to add a detailed description of the problem. If possible, write down all steps to simulate the problem.

Before submitting a new post, PLEASE make sure you are running the latest version, test in different browsers (IE, FF, Chrome,..) and clear Joomla and browser's cache after every change you make.

Also, most questions are already answered in our FAQ and in iFAQ and Contact Enhanced documentation pages.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. CE Future Request
  9. Contact Enhanced - How to increase field widths

Contact Enhanced - How to increase field widths

11 years 8 months ago #12138 by comptek
Hi,

Can someone please point me in the right direction or give me instructions on where i can change the field widths so that it fills my page and also to increase the height of the Multitext field.

Current look of form can be seen here and i want the fields to be wider to fill the white space.

www.sunflex.co.uk/index.php?op...our-website&catid=43:suppliers


Thanks

Kev

Please Log in or Create an account to join the conversation.

11 years 8 months ago #12139 by douglas
Dear Kev,

You can use the CSS Custom Field to add the following CSS rule:
.ce-cf-container .inputbox {width:95%}
ideal.fok.com.br/joomla-extens.../12-custom-fields/105-css.html

You can also load the custom fields in columns in order to make better use of the space. You can set the "Field's Container Width" to 50% under the General Parameters slider;
ideal.fok.com.br/joomla-extens...-fields/78-basic-features.html

Best regards,

Please Log in or Create an account to join the conversation.

11 years 8 months ago #12141 by comptek
HI,

Thanks for the info. I have tried that but it does not alter the fields?

I have attached screen shots of what everything looks like and how it is set.

Any Suggestions?

Thanks for the help.

Kev
Attachments:

Please Log in or Create an account to join the conversation.

11 years 8 months ago #12142 by douglas
Dear Kev,

The CSS is being overridden by your template's CSS styling; Please add the !important attribute, so it looks like this:
.ce-cf-container .inputbox {width:95% !important}
And for the Multitext custom field you will aslo have to add this:
.ce-cf-container textarea.inputbox {height:130px !important}

All the best,

Please Log in or Create an account to join the conversation.

11 years 8 months ago #12144 by comptek
Thats great thank you it solved the problem.

Is there a list of the CSS that can be used? I want to add a border around the input boxes and give it a colour but i can't figure this out i have tries the following

.ce-cf-container border.inputbox {border-width:2px}

.ce-cf-container .border {border-width:2px}

.ce-cf-container border {border-width:2px}

Thanks

Please Log in or Create an account to join the conversation.

11 years 8 months ago #12145 by douglas
Dear Kev,

There are many many possibilities, however you need some CSS knowledge;
I suggest you to use Firebug <getfirebug.com> and to read about CSS on the web;

In order to add border you can simply add this rule:
.ce-cf-container .inputbox {border:2px solid #808080}

All the best,

Please Log in or Create an account to join the conversation.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. CE Future Request
  9. Contact Enhanced - How to increase field widths
Powered by Kunena Forum

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback