Advise for styling form elements

• #157339

  
  Pierre M
  

  On June 3, 2014 at 5:31 am

  Hello,

  Thank you for the very nice Asteria Lite theme.

  My wordpress website displays a form to collect information. The form is not styled (yet) and is ugly in comparison of the rest of the web site.

  Which styles/classes can I use to style form elements, from labels to text, checkbox, radio button and drop down inputs?
  Of course, I would like to remain as close as possible from the Asteria look and feel. (I only could style buttons.)

  I could definitively copy styles here and there, but they would lack uniformity and certainly run away from Asteria’ styling.

  Many thanks in advance

  Best regards

  Pierre

  #157917

  
  Towfiq I.
  

  administrator

  On June 4, 2014 at 9:08 am

  can you post the link of the page where the form is visible?

  #161133

  
  Pierre M
  

  On June 12, 2014 at 3:29 pm

  Hello,
  I finnaly have a screendump with ugly form elements (standard webkit on mac) and I created in photoshop a possible mockup of what I’d love to have:

  

  Pierre

  #161489

  
  Towfiq I.
  

  administrator

  On June 13, 2014 at 9:29 am

  it might not be possible to have radio buttons like that. send me the page link.

  #163436

  
  Pierre M
  

  On June 17, 2014 at 9:22 am

  Well, I can’t send you a website with all css form designed element, otherwise, I would steal it!
  I found these illustrations to start inspiration.

  
  especially the Clean UI Kit ()

  <== best guess

  and of course…

  What I’d love from Asteria, is a consistent set of form UI elements that I can use in post, contact forms, and the like.

  Thank you and best regards,
  P.

  #163437

  
  Pierre M
  

  On June 17, 2014 at 9:24 am

  Inspiration links do not appear… Here they are:

  http://codecanyon.net/item/formicon-flat-forms-pack/7139591
  http://n4moredesign.com/web-designs/17-free-must-have-flat-style-ui-elements.html
  http://ui-cloud.com/clean-ui-kit-2/
  http://designmodo.github.io/Flat-UI/
  http://www.csscheckbox.com/checkboxes/0/ and http://www.csscheckbox.com/radio-buttons/0/

  P.

  #164113

  
  Towfiq I.
  

  administrator

  On June 18, 2014 at 9:35 am

  implementing a ui kit will make the theme size bigger and make the page load time slow. so this will not be implemented.
  hope you understand.