Color change of button Group and wizards

Color change of button Group and wizards

  

Hi,

I want to change the color of this buttonGroup(should be of same color as Continue color) on selecting and wizards should look in different color.

The yellow color should be of blue color.

Accordian 1, 2,3,Declaration Wizards steps should be of different color .

Please help.


Thanks in advance

Hello there,

If you're using Button Group component from SilkUI, you can add this CSS rule to your application (change the color to the same color of your button):

.ButtonGroup_button.active {
    background-color: blue;
}

João Melo wrote:

Hello there,

If you're using Button Group component from SilkUI, you can add this CSS rule to your application (change the color to the same color of your button):

.ButtonGroup_button.active {
    background-color: blue;
}


Its not working.

Hi Ankita,

you can try below CSS Rule

This to change Font Color

.ButtonGroup_button.Button:hover, .ButtonGroup_button.Button:hover .fa 

      color: #FFF;

     }

This to change background color

.ButtonGroup_button.Button:hover {

    background: #ef484a;

}



Ankita Jaggi wrote:

Hi,

I want to change the color of this buttonGroup(should be of same color as Continue color) on selecting and wizards should look in different color.

The yellow color should be of blue color.

Accordian 1, 2,3,Declaration Wizards steps should be of different color .

Please help.


Thanks in advance

Hi Ankita,

Try this code it may solve your issue.

SyntaxEditor Code Snippet

.ButtonGroup_button.Button.active {
    background: #003979;
    color:#fff;

}



Regards,

PP