Appearance panel does not seem to correctly colour borders

Bug Reports
1

I am trying to learn how to use Bootstrap Studio by following step by step the recreation of the Tesla website. I have got to tthe creatoin and styling of the Button on the first page with a class of reserve button. To style it the video writes the following CSS which works.

.reserve-button {
 background: rgba(0,0,0,0); 
 border: 3px solid #fff;
 border-radius: 30px;
}

I tried to to the same thing using the Appearance Panel on the right. I tried to set the border color to be White using the color picker which created rgb(255,255,255)

I got:

.reserve-button {
 background: rgba(0,0,0,0);
 color: rgb(255,255,255);
 border-radius: 30px;
 border-width: 3px;
 border-style: solid;  
}

There is no border-color.

I tried writing into the Appearance panel the hex colour #ffffff. I got :

.reserve-button {
 background: rgba(0,0,0,0);
 color: rgb(255,255,255);
 border-radius: 30px; 
 border: 3px solid #ffffff ;
 }

This does work. Is there a reason why the color picker is not working?

2

This rule color: rgb(255,255,255); set the color of the text on the class .reserve-button, not on the border.

It sounds like you used the wrong color picker.

I just tested the color picker on the border of a button in one of the BSS templates, and it seems to work fine. See my example vid...

http://thelightwavegroup.com/images/bordervid.mp4

3

The color: rgb(255,255,255); is a red herring. I did that as well. I tried repeateddly to get the border-color to change without success until I typed it in rather than using the color picker. I have just deleted the Button and started again and it worked properly so I cannot repeat the problem.