Gridbox Store App Released

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

Hide borders of Balbooa Form

3 years 10 months ago #1

  • Lordaker Wright's Avatar
  • Lordaker Wright
Hi,

I want to hide some border of this component like top, left and right border of each fields. I try with the propriety CSS border-style but it's don't work. The default settings (border) on the elements input can not be modified in the css. Because he is directly apply on the element input by attribut "style".

Do you have an idea do to do this? Hide some part of border.

Best regard,
Lordaker

3 years 10 months ago #2

  • Artem's Avatar
  • Artem
  • Posts: 8758
Hi Lordaker,

Add this code into your template custom.css file
input[type="number"], 
.ba-form input[type="email"], 
.ba-form input[type="text"], 
.ba-form select, 
.ba-form select[size], 
.ba-form textarea {
    border-color: transparent !important;
    border-bottom: 2px solid #02ADEA !important;
}

Regards,

3 years 10 months ago #3

  • Lordaker Wright's Avatar
  • Lordaker Wright
I use helix 3 framework for Joomla3.x I've paste the code bellow in my custom.css file but he don't work.
Or I edit the ba-style.css file of component balbooa Form with this code?

3 years 10 months ago #4

  • Lordaker Wright's Avatar
  • Lordaker Wright
Now I tried with this code in my custom.css :
form#baform-1 div.ba-form input[type="number"], 
form#baform-1 div.ba-form input[type="email"], 
form#baform-1 div.ba-form input[type="text"], 
form#baform-1 div.ba-form select, 
form#baform-1 div.ba-form select[size], 
form#baform-1 div.ba-form textarea {
    border-color: transparent !important;
    border-bottom: 2px solid #6bbb30 !important;
}

And he works great thank.

3 years 10 months ago #5

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

Please send us the link to your website

Regards,
Vyacheslav, Balbooa.com

3 years 10 months ago #6

  • Lordaker Wright's Avatar
  • Lordaker Wright
Test Server: loopingdemo.eu/demo2

3 years 10 months ago #7

  • Artem's Avatar
  • Artem
  • Posts: 8758
Form in Google material style, looks nice, great job!



Let us know if you will need more help B)

Regards,
Powered by Kunena Forum