• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Alignment issues with text and form fields

Alignment issues with text and form fields 3 years 4 months ago #41705

  • david205
  • david205's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Hello. I have always had this issue on RS Forms with the alignment of text fields and form fields. The alignment is not displaying correctly. Any help would be aprpreciated.

www.expandbizdisplays.com/expand-quickscreen-1.html
The administrator has disabled public write access.

Alignment issues with text and form fields 3 years 4 months ago #41707

The /templates/luxyort/css/template.css

has an offset of 30 pixels:

label{transform:translateY(30px)}

Edit/add css to change that to "0" or "none":

label{transform:none;}

"accessories" has inline css with bottom:27px, remove that:

.rsform-block-accessories .formBody {bottom:0px;}
The administrator has disabled public write access.

Alignment issues with text and form fields 3 years 4 months ago #41744

  • david205
  • david205's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Hello support,

I found this code below in template.css Would you be able to edit the code based on your directions? I can't seem to locate.""accessories" has inline css with bottom:27px, remove that:"

[type="tel"]:focus,input:not(.form-control)[type="number"]:focus,select:not(.form-control):focus{box-shadow:none;outline:none;border-color:#bebebe}label{transform:translateY(30px);transition:transform 0.3s ease;padding:0px;margin:0px;font-weight:normal;font-size:16px;line-height:26px;color:#66717a}.form-check{padding-top:30px;padding-bottom:30px}.form-check .form-check-label{transform:translateY(0px)}#jform_spacer-lbl{transform:translateY(0px)}.sppb-form-check{margin-top:40px;margin-left:40p}.sppb-form-check .sppb-form-check-label{transform:translateY
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!