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. Style All Input Fields
× Contact Enhanced is a contact component manager created to replace Joomla! core contacts component and add lots of advantages and new features (see Features ) and it offers many plugins and modules for several different purposes,
Product page | Documentation Page

Style All Input Fields

13 years 10 months ago #2973 by Duval
I didn't know if there was an easy way to style all input fields so that they would look like the email field in the attached image.

TIA/Duval
Attachments:

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

13 years 10 months ago #2974 by douglas
Dear Duval,

All templates add styling to input boxes, however some templates add specific styling to email fields.

If you provide a link to your form I could try to provide a solution, however it would only work on input boxes. It probably won't work for textareas and select lists.

Best regards,

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

13 years 10 months ago #2975 by Duval
Thank you for your time Douglas. Here's a link to the contact form www.bocaciega.org/contact.html

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

13 years 10 months ago #2976 by douglas
Dear

I would add these lines to your template's CSS file [1]:
.ce-cf-container .cf-label{display:inline !important}
.ce-cf-container .inputbox{background:transparent url(../images/body/white/login-field.png) no-repeat scroll 0 0; color:#333333;border:0 none;font-size:110%;height:20px;line-height:10px;margin-bottom:10px;padding-left:5px;padding-top:4px;width:215px}

You might have to add the !important part after each css property.

[1] - www.bocaciega.org/templates/rt...entinel_j15/css/body-white.css

Best regards,

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

13 years 10 months ago #2977 by Duval
Not sure I get the second part... adding the important but it seems to be working fine with the exception of the text field (need to increase the size).

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

13 years 10 months ago #2978 by douglas
Dear Duval,

The second part was just in case the first didn't work.

I new this wouldn't work for the textarea, but I've forgotten to skip it.

Please just change .ce-cf-container .inputbox to .ce-cf-container input.inputbox


Kind regards,

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

13 years 10 months ago #2979 by Duval
Thank you very much Douglas! This will certainly work for now and I'll look at it again when I customize and expand the contact list.

Thanks again!

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

13 years 10 months ago #2980 by douglas
Dear Duval,

Any Time! ;-)

I've just changed Contact Enhanced so it will be easier to customize, because ".ce-cf-container input.inputbox" will also change the checkboxes and radio buttons, which might not look very nice, specially under IE.

Best regards,

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

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. Style All Input Fields
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