• 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: How to create red border to style form input field

How to create red border to style form input field 1 year 2 months ago #42514

  • vtjoanne
  • vtjoanne's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
Is there a way to create a red border style around the black form input areas?

Currently with the form fields working and placeholder names:
screenrec.com/share/237JUvrmKk

Here is a mock-up of how I need it to look:
screenrec.com/share/RsC498FL2d

Any help on how to proceed to achieve this styling would be greatly appreciated. Thank you.
The administrator has disabled public write access.

How to create red border to style form input field 1 year 2 months ago #42515

  • gunerguk
  • gunerguk's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 29
  • Thank you received: 3
Is there a direct link to your form?
The administrator has disabled public write access.

How to create red border to style form input field 1 year 2 months ago #42516

  • vtjoanne
  • vtjoanne's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
Thanks for taking a look!
Last Edit: 1 year 2 months ago by vtjoanne. Reason: removed url
The administrator has disabled public write access.

How to create red border to style form input field 1 year 2 months ago #42517

  • gunerguk
  • gunerguk's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 29
  • Thank you received: 3
You're welcome vtjoanne.

Put this code tou your forms CSS area:
<style>
#userForm {
	background-color: #e21c21;
	padding: 24px 24px 0 24px;
}
 
.formResponsive fieldset {
	margin-left: 50px;
}
</style>

On my screen it looks like this:

Last Edit: 1 year 2 months ago by gunerguk.
The administrator has disabled public write access.

How to create red border to style form input field 1 year 2 months ago #42518

  • vtjoanne
  • vtjoanne's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
Wow, that worked like a charm - Thank you Ggunerguk.

I have one other minor problem on a newsletter form in the #sp-bottom (footer area).

The orange background color for the two horizontal input fields and the actual form background orange are two different shades of orange even though I only have one hex color in the styling #ff8000.

screenrec.com/share/MIbltvafn7

The actual color of #ff8000 is correctly displaying in the horizontal input fields. I can't figure out why the surrounding form background is a different shade of orange.
Last Edit: 1 year 2 months ago by vtjoanne. Reason: to further clarify issue
The administrator has disabled public write access.

How to create red border to style form input field 1 year 2 months ago #42519

  • gunerguk
  • gunerguk's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 29
  • Thank you received: 3
You probably have some inline styling somewhere in your form. Try to append this to the former code:
#sp-bottom2 .formResponsive fieldset {
	background-color: #ff8000 !important;
}
The administrator has disabled public write access.

How to create red border to style form input field 1 year 2 months ago #42520

  • vtjoanne
  • vtjoanne's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
Thank you. I was able to pinpoint the issue with your help. Can I buy you a beer or two?
Let me know because I really appreciate you taking the time to help me.
~J
The administrator has disabled public write access.

How to create red border to style form input field 1 year 2 months ago #42521

  • gunerguk
  • gunerguk's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 29
  • Thank you received: 3
Thank you for your kind offer. I gave up smoking and drinking more than 20 years ago. But while you're having one you can say cheers to me.
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!