Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Background colour of the checkbox

2 weeks 4 days ago #1

  • Stephan's Avatar
  • Stephan
  • Posts: 81
Hallo,

Could you please help me with changing the background colour of the checkbox before it gets ticket? I have had clients mentioning they can't see the box on their browsers.

Looking forward to hearing from you.

Kind Regards

Stephan

2 weeks 4 days ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
Hello,
Thank you for contacting us

You need to add CSS code in your code editor
.ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-checkbox > span {
    background: rgba(64, 184, 255, 0.4);
}

Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 4 days ago #3

  • Stephan's Avatar
  • Stephan
  • Posts: 81
Hallo Vyacheslav,

Thank you so much for the CSS code.

Could you also provide me with the CSS code for the following:
- Radio Button
- Acceptance check

Kind Regards

Stephan

2 weeks 4 days ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
You need use this CSS code
.ba-form-acceptance-field label.ba-form-checkbox > span,
.ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-checkbox > span {
	background: rgba(64, 184, 255, 0.4);
}

Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 4 days ago #5

  • Stephan's Avatar
  • Stephan
  • Posts: 81
Hallo Vyacheslav,

I just want to confirm the option for the radio button colour please?

Sorry I am such a pain.

Kind Regards
Stephan

2 weeks 4 days ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
You can change this color by changing the theme color


Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 4 days ago #7

  • Stephan's Avatar
  • Stephan
  • Posts: 81
Hallo Vyacheslav,

I understand the changes can be made in the form Design Options but is to change the colour before selection. It is extremely light in colour.

Kind Regards

Stephan
Attachments:

2 weeks 4 days ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
For radio buttons you need to use this code
.ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span:before {
	background: rgba(64, 184, 255, 0.4);
}

Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 4 days ago #9

  • Stephan's Avatar
  • Stephan
  • Posts: 81
Hallo Vyacheslav,

Thank you so much for all the help with the CSS code. I have copied ad added the code in the Code Editor and I can see the changes immediately.

The problem persist though on the live site. The changes hasn't taken effect and doesn't show in the forms:

I have cleared the cache in Joomla and I have cleared the browser cache in Firefox, Edge and Chrome. All wit the same result - still showing the boxes and radio button the light grey colour.

Looking forward to your response.

Kind Regards

Stephan

2 weeks 3 days ago #10

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
Hello,

Thank you for contacting us!

You need to add !important
.ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span:before {
	background: rgba(64, 184, 255, 0.4) !important;
}

Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 3 days ago #11

  • Stephan's Avatar
  • Stephan
  • Posts: 81
Hallo Vyacheslav,

Thank you so much! All sorted and working great!

Wishing you guys a great day!!!

Kind Regards

Stephan

2 weeks 3 days ago #12

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
You are welcome ;)
Let us know if you need more assistance!

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum