Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Inline Form Fields? Rate Topic   - - - - -

 
  • jwoelfel
  • Newbie
  • Members
  • Join Date: 03-Apr 20
  • 14 posts

Posted 03 April 2020 - 06:41 PM #1

I'm using version 4.11.3. Can I make form fields appear side-by-side? I can't find anywhere to assign custom CSS classes to the appropriate fields. Small fields like numbers or zip codes do not need to take up the entire width of the content area. It looks very basic and unnecessary especially for long forms that would require a lot of vertical scrolling.

 

I'm sure there is a way, but I can't find anything in documentation or in the forums.

 

Thanks for anyone who can point me in the right direction!



 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 11770 posts

Posted 03 April 2020 - 08:23 PM #2

You can add custom css in the Design/Themes - theme editor.


EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • jwoelfel
  • Newbie
  • Members
  • Join Date: 03-Apr 20
  • 14 posts

Posted 03 April 2020 - 10:47 PM #3

Thanks for responding! I am aware of the custom CSS section in the theme editor, I was just hoping there was a less tedious method than to assign css to each individual field. For instance, if I could create a few classes and assign them to the fields on Form Builder, it would save a lot of time. I'm hoping CS-Cart will add this functionality in the future.



 
  • jwoelfel
  • Newbie
  • Members
  • Join Date: 03-Apr 20
  • 14 posts

Posted 04 April 2020 - 05:49 PM #4

I was able to get the form fields to display side-by-side (more or less) by adding this CSS:

 

form > .ty-control-group {

    float: left;
    margin: 0 12px 12px 0;
}
 
Hope this helps someone else, until CS-Cart can give us more control over the style of our form fields.