Skip Navigation

[Resolved] Block Button Style

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.

Our next available supporter will start replying to tickets in about 0.69 hours from now. Thank you for your understanding.

This topic contains 4 replies, has 2 voices.

Last updated by martinB-16 4 months ago.

Assigned support staff: 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

Waqar
Supporter

Languages: English (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

#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

Waqar
Supporter

Languages: English (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;
}

#2002349

My issue is resolved now. Thank you!