Skip Navigation

[Resolved] Block Button Style

This support ticket is created 3 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/Karachi (GMT+05:00)

This topic contains 4 replies, has 2 voices.

Last updated by martinB-16 3 years, 11 months ago.

Assisted by: Waqar.

Author
Posts
#2000045

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.

#2000157

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

#2001063

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.

#2002191

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;
}

#2002349

My issue is resolved now. Thank you!