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 Plugins
  9. Radio buttons aren't aligning with the field names

Radio buttons aren't aligning with the field names

11 years 3 months ago - 11 years 3 months ago #13455 by chrisgregg
Hi

Thanks for a great extension - I have a problem that I'd like a bit of help with if possible.

I'm using a very simple form with a radio button selection and I cant seem to get the radio buttons to line up with the name of the options - they appear to be on the line above...

www.mkfla.co.uk/categories/best-newcomer

As you can see on this page, the buttons for "Turtle Bay", "Jamie's Italian" etc are in the wrong place.

This might be due to the stylesheet for the template I'm using (RocketTheme Leviathan)

I've got style="width:97%" in the attributes box for this field.

Is there some CSS that will fix this if I put it in the attributes? Ideally they should be on the left of each option with a slight gap...

Thanks for your help


Chris

Joomla version: 2.5.8
Contact Enhanced version: com_contactenhanced_2.5.2__20120413_1326
PHP Version: 5.2.17
Server OS: Linux

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

11 years 3 months ago #13456 by douglas
Dear Chris,

That's because your template adds a CSS rule that's interfering with the labels. Please create a CSS Custom Field < idealextensions.com/joomla-ext.../12-custom-fields/105-css.html > and add this rule:
.ce-radiobox-container label, .ce-checkbox-container label {
  display: inline !important;
}

Best regards,

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

11 years 3 months ago #13457 by chrisgregg
Thanks for the super quick reply!! Brilliant. I'll give that a try now... thanks.

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

11 years 3 months ago #13458 by chrisgregg
Hi

Please can you have another look now -
www.mkfla.co.uk/categories/best-newcomer

I've added the CSS code in a custom field and the radio buttons have moved, but they are still not quite lined up with the labels, they are about 25% too low

Chris

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

11 years 3 months ago #13459 by douglas
Dear Chris,

That styling is coming from your template as well.
Please add this CSS rule to the Same CSS custom field you've created:
.ce-cf-container input[type="radio"],.ce-cf-container  input[type="checkbox"] {
  margin-top: 0px !important;
}

You also can add a negative value for the margin-top in case you want to move the field up.

Have a great night.

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

11 years 3 months ago #13460 by chrisgregg
Brilliant - thanks. I used -5 and it worked perfectly.

Resolved.

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

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. CE Plugins
  9. Radio buttons aren't aligning with the field names
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