Block Button Style

This support ticket is created vor 3 Jahren, 8 Monaten. 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.

Heute stehen keine Supporter zur Arbeit im Werkzeugsatz-Forum zur Verfügung. Sie können gern Tickets erstellen, die wir bearbeiten werden, sobald wir online sind. Vielen Dank für Ihr Verständnis.

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

Dieses Thema enthält 4 Antworten, hat 2 Stimmen.

Zuletzt aktualisiert von martinB-16 vor 3 Jahren, 8 Monaten.

Assistiert von: 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

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.

versteckter 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

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!