Possible to put a button in the content text of Tab?

Is it possible to put a button in the content text of a Tab?

In the texts of the tabs i want to refer to other places in the website. Now I do that with a link in the text: LEES MEER >.
I’d rather like to put a button at the bottom of the area where the text is.

Thanks in advance.
Liesbeth van Deemter

Hi Liesbeth,

Thanks for writing to us.

Regretfully, you can’t add the button element inside the tab content.
But I would like to suggest you a small piece CSS code, through which anchor link can be look like a button.
I have tried it in test server with the following example.
Added a class to the anchor tag like: <a class="button">Button</a>, then add the following code to tab element CSS section.

.button {
    background-color: red;
    color: white;
    padding: 1em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
}

And it looks like the screenshot below:

You can also try the article on styling anchor as a button.

You can also create a Global Block with the button and use that as a shortcode in your tab content.
Here you can learn how to create a Global Blocks and use it as shortcode.

Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Hope it helps.

Thanks

Thanks for helping me out here!
I will look into it.
Great that it is possible.

Have a great day!
Liesbeth

Hi Liesbeth,

We are glad to help you out.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.