1. StuckWidIt
  2. Support
  3. Monday, November 09 2015, 07:08 PM
Need to style the layout for radio buttons and checkboxes.

1. Need to change the label position for each, where / how to do that?
2. Need to change size of checkbox, how / where to do that?

I love the simplicity of this plugin, it's great. Needs two things: easier styling and more extensive field editing and display options (show existing image for example). Keep at this, you've got a winner here!
admin Accepted Answer
Admin
Hi,
you can customize layout with CSS style, each radio fieldset and option have own html ID. With CSS you can add also image in each option.

Now, in Basic version we use less 1Kb of CSS, we want keep Easy Profile extremely light.
  1. more than a month ago
  2. Support
  3. # 1
StuckWidIt Accepted Answer
Pro
Thanks, i've been able to style most things using your advice. I do have one I can't figure out how to style, radio buttons and the text that goes with them.
I get the radio button centered in a box and the text showing on the next line.
What I want is to show the radio button followed by a few spaces then the text as follows:
O Out of State
O NE Atlanta
O etc...

Can you give an example of how to do this? I've attached what I have now as and example below

Thanks, super handy component. Love it's ease of use.
  1. more than a month ago
  2. Support
  3. # 2
admin Accepted Answer
Admin
Can you give an example of how to do this?
No sorry this is not possible, each template apply some style at all input fields, so there is no general rule. We need to see your site.

Please give me your site link, we will try to help you ;)
  1. more than a month ago
  2. Support
  3. # 3
StuckWidIt Accepted Answer
Pro
Content Protected
  1. more than a month ago
  2. Support
  3. # 4
admin Accepted Answer
Admin
Hi,
sorry for late reply, it's a weekend for us :)

Try to add these CSS rules:
#member-profile input[type="radio"],#member-registration input[type="radio"]{width:auto !important;margin-right:5px;}
  1. more than a month ago
  2. Support
  3. # 5
StuckWidIt Accepted Answer
Pro
That was the perfect solution to the styling.

You have no idea how much I appreciate your being willing to help out with tricky selectors like this (for me, it's tricky but then so is a light switch...). Impressive responsiveness on your part.

One day, perhaps you can take some of these styling examples and put them in a "how to" section for others to use.

Again, thanks. Works eactly as desired.

Call this one "closed".
  1. more than a month ago
  2. Support
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.
Sorry, the discussion is currently locked. You will not be able to post a reply at the moment.