Toolset Button Class

Problem:

Override the Toolset button block default background color with custom CSS codes.

Solution:

Here is an example code:

Relevant Documentation:

https://www.w3schools.com/css/css_important.asp

This support ticket is created 2 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Assisted by: Luo Yang.

Author

Posts

May 17, 2021 at 10:11 pm #2059027

martinB-16

Hi,

which class determines the background color of a button?

if I set the background-color property of the classes

tb-button
tb-button__link
tb-button__content

change, this does not have the desired effect

May 18, 2021 at 6:22 am #2059291

Luo Yang

Hello,

I assume you are going to override the Toolset button block default background color with custom CSS codes, please try these:

.tb-button .tb-button__link {
    background-color: yellow !important;
}

More help:
hidden link

May 18, 2021 at 10:03 pm #2060575

martinB-16

My issue is resolved now. Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.