Remember me

Load Custom CSS latest

6 months 4 weeks ago #1

  • Björn's Avatar
  • Björn
  • Posts: 60
Hi,

I've tried to change color of the page-navigationen step-bars but failed, because the original CSS comes already with an !important instruction
.step-navigation-style .ba-form-page-navigation-title {
  border-bottom: 10px solid var(--theme-color) !important;
}
(this is original CSS ba-style.css)

My question or better feature request: To load the custom CSS (from the code editor) within balbooa Form after the original ba-style.css. And please try to avoid using !important in hardcoded CSS that isn't customizable within the settings since some settings are missing (like page navigation, checkoboxes, radio-buttons ...)

Best regards
Björn

6 months 4 weeks ago #2

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Hello,
Thank you for contacting us

Send us a link to page with problem.

Regards,
Vyacheslav, Balbooa.com

6 months 4 weeks ago #3

  • Björn's Avatar
  • Björn
  • Posts: 60
Hi,

I've send link + login credentials via Support-Form.

The main problem is, that the custom code loads before the original ba-style.css. So every additional CSS has to be with an !important.

Best regards
Björn

6 months 4 weeks ago #4

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
You need to use this code
.com-baforms-wrapper .step-navigation-style .ba-form-page-navigation-title {
    border-bottom: 10px solid var(--theme-color) !important;
}

Best Regards,
Vyacheslav, Balbooa Support Team

6 months 3 weeks ago #5

  • Björn's Avatar
  • Björn
  • Posts: 60
This works, thanks!

6 months 3 weeks ago #6

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

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