Button #1

Changin the base sate

Changing the backgroundcolor of the button: Select the BTN1 BUTTON Element and the class .btn1__button. Go to STYLE -> BACKGROUND and change the color to your needs.


Changing the bordercolor of the button: Select the BTN1 BUTTON Element and the class .btn1__button. Go to STYLE -> BORDER / BOX SHADOW and change the color to your needs.


Changing the backgroundcolor of the circle: Select the BTN1 CIRCLE Element and the class .btn1__circle. Go to STYLE -> BACKGROUND and change the color to your needs.


Changing the bordercolor of the circle: Select the BTN1 CIRCLE Element and the class .btn1__circle. Go to STYLE -> BORDER / BOX SHADOW and change the color to your needs.


Changing the color of the icon: Select the BTN1 ICON Element and the class .btn1__icon. Go to CONTENT and change the color to your needs.


Changing the textcolor: Select the BTN1 TEXT Element and the class .btn1__text. Go to STYLE -> TYPOGRAPHY and change the color to your needs.

Changin the base state

Open the Bricksforge Panel and go to TIMELINES. Find the BTN1 - HOVER timeline.


Changing the backgroundcolor of the button: Select the first animation, go to Background Color and change the color to your needs.


Changing the backgroundcolor of the circle: Select the second animation, go to the TO TAB, go to Background Color and change the color to your needs.


Changing the textcolor: Select the third animation, go to Color and change the color to your needs.

Last updated