Button Icon Colour

higssolutions · February 2023

Hello,

Im using the new BeBuilder. For Buttons, you can add a icon to the button. How do i change the colour of the icon using BeBuilder? I cannot see the option under the "style" tab for icon?

thanks.

Phil · February 2023

Hi,

The icon color is the same as the color you set for the text.

If you want to style icons separately, you must use a custom CSS code.

Do you need help with writing such code?

Best regards

higssolutions · February 2023

Hi Phil,

Yes please, if you can let me know the code.

many thanks.

Phil · February 2023

Please, use the following code:

.mcb-item-button-inner .button .button_icon i{
   color: #fff;
}

Put it in the Custom CSS field on the page with that button.

Best regards

higssolutions · February 2023

Thank you. All working.

Button Icon Colour

Comments