Crafted eCommerce Template

Crafted Joomla eCommerce template for kids store and baby shops
Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Forms color mandatory fields

1 week 1 day ago #1

  • Martina's Avatar
  • Martina
  • Posts: 18
Hello. We usually chance the color of the mandatory fields in the ba-style.css (I mean those pop ups when you klick send and didn't fill out mandatory fields --> screenshot) This works good until a new update arrives. After the update, the color of the mandatory fields change back to the original color (orange). Is there another way to change the color of the mandatory fields? Thank you
Attachments:

1 week 1 day ago #2

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

You need to add CSS code at the code editor


Sample code:
.ba-forms-authorize-field-wrapper .ba-alert-tooltip, 
.ba-form-field-item .ba-alert-tooltip {
    background: #48b935 !important;
}

.ba-forms-authorize-field-wrapper .ba-alert-tooltip:before, 
.ba-form-field-item .ba-alert-tooltip:before {
    border-bottom: 5px solid #48b935!important;
}

Regards,
Vyacheslav, Balbooa.com

3 days 47 minutes ago #3

  • Martina's Avatar
  • Martina
  • Posts: 18
Thank you so much that helps us a lot. We tried to color the border the same way but couldnt do it ourselve. Would you pls be so kind and send us the code for the border of the fields too? I send you the sreenshot of what I mean. Thank you :-)
Attachments:

3 days 43 minutes ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 17540
You need to add this code :
.ba-alert.ba-forms-authorize-field-wrapper input[type="text"], 
.ba-alert.calendar-field-wrapper input[type="text"], 
.ba-alert .upload-file-input, 
.ba-alert .ba-field-container select, 
.ba-alert .ba-field-container textarea, 
.ba-form-calendar-field:not(.ba-form-calendar-field) .ba-alert .ba-field-container input[type="text"], 
.ba-alert .ba-field-container input[type="text"], 
.ba-alert .ba-field-container input[type="number"], 
.ba-alert .ba-field-container input[type="password"], 
.ba-alert .ba-field-container input[type="email"] {
    border-color: #48b935!important;
}

Regards,
Vyacheslav, Balbooa.com

3 days 19 minutes ago #5

  • Martina's Avatar
  • Martina
  • Posts: 18
Thank you so much. Now only the border of the acceptance is orange (See screenshot). Could you send us the code for that too? Thx for your help :-)
Attachments:

3 days 8 minutes ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 17540
You need to add CSS code:
.ba-alert .ba-checkbox-wrapper .ba-form-radio span:before, 
.ba-alert .ba-checkbox-wrapper .ba-form-checkbox > span, 
.ba-alert .ba-checkbox-wrapper .ba-form-radio span:before, 
.ba-alert .ba-checkbox-wrapper .ba-form-checkbox > span, 
.ba-form-acceptance-field .ba-alert label.ba-form-checkbox > span, 
.ba-form-radio-field.ba-alert .ba-form-checkbox-wrapper .ba-form-radio span:before, 
.ba-form-field-item.ba-alert .ba-form-checkbox-wrapper label.ba-form-checkbox > span {
    border: 2px solid #48b935!important;
}

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum