Block Button Style

This support ticket is created vor 3 Jahre. 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

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/Karachi (GMT+05:00)

Tags: Toolset Blocks

This topic contains 4 Antworten, has 2 Stimmen.

Last updated by martinB-16 vor 3 Jahre.

Assisted by: Waqar.

Author

Artikel

März 24, 2021 at 10:43 pm #2000045

martinB-16

Hi,

how can I change the central style of the toolset-block "button"?
When I do this with additional css, the central style always comes first.

März 25, 2021 at 4:51 am #2000157

Waqar

Supporter

Languages: Englisch (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting us and I'd be happy to assist.

Can you please share the link to an example page where this button block and the additional CSS code can be seen?

I'll be in a better position to suggest the next steps, accordingly.

regards,
Waqar

März 25, 2021 at 8:34 pm #2001063

martinB-16

Hi,
I created a test page for my problem.

hidden link

And that is the css code.

.button_klein {
background-color: #009435;
color: white;
font-size: 13px;
text-align: center;
display: inline-block;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 4px;
border-radius: 0.3em;
}

If it works, of course I have to add the code for hover, activ, etc.

März 26, 2021 at 4:32 pm #2002191

Waqar

Supporter

Languages: Englisch (English )

Timezone: Asia/Karachi (GMT+05:00)

Thank you for sharing these details.

You can include some additional CSS code, along with CSS code for the button styles:


.button_klein .tb-button__link {
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    font-size: inherit;
    line-height: inherit;
}

März 26, 2021 at 7:20 pm #2002349

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.