Button shortcode doest work in WP

em es
8 Posts
em es posted this 1 weeks ago

Why this shortcode doesnt work. I put this in HTML edit and nothing. ??? Themler core is enabled. What is wrong?

[button link="http://..."]Button[/button]

Why this shortcode doesnt work. I put this in HTML edit and nothing. ??? Themler core is enabled. What is wrong? [button link="http://..."]Button[/button]
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 1 weeks ago

Hello Marcin,

Such shortcodes are deprecated, unfortunately, try using Bootstrap code:

<button type="button" class="btn btn-primary">Primary</button>

Check more here https://getbootstrap.com/docs/4.0/components/buttons/

Gina
Themler Support

Hello Marcin, Such shortcodes are deprecated, unfortunately, try using Bootstrap code: <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-primary">Primary</button> Check more here https://getbootstrap.com/docs/4.0/components/buttons/ Gina Themler Support

Last edited 1 weeks ago by Support Team

em es
8 Posts
em es posted this 6 days ago

Yes this soloution works. BUT I dont want a Boostrap button beacuse I want to have custom button from themler. It has another look that I can customize.

Yes this soloution works. BUT I dont want a Boostrap button beacuse I want to have custom button from themler. It has another look that I can customize.
Support Team
Support Team posted this 6 days ago

I can suggest another code for the button in html

<a href="" class="bd-own-margins bd-content-element content-editable-editor user-selectable bd-preview-selected selection-frame-movable data-control-id-1469140 bd-button" style="position: relative;">
    Button
</a>

But it will still be rendered as html.
Is it possible in your design to insert button via Themler via Insert -> Button?

Gina
Themler Support

I can suggest another code for the button in html <a href="" class="bd-own-margins bd-content-element content-editable-editor user-selectable bd-preview-selected selection-frame-movable data-control-id-1469140 bd-button" style="position: relative;"> Button </a> But it will still be rendered as html. Is it possible in your design to insert button via Themler via Insert -> Button? Gina Themler Support

Last edited 3 days ago by Support Team

Denis L.
50 Posts
Is Solution
Denis L. posted this 4 days ago

Hi em es,

I will help you with the easiest way for you to get exactly what you want since the shortcodes in Themler definitely seem to be deficient.

So, in order to display a custom button anywhere you want, you go "Home" tab in Themler, then click "Settings" and open the "Additional CSS" panel.

Then you can Copy/Paste the following CSS code and customize it to your choosing,,,

/* CUSTOM BUTTON */

.customButton {
    background-color: #74BC1F;
    padding: 12px 15px;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    color: #fff;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.customButton:hover {
    background-color: #24272A;
    padding: 12px 15px;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    color: #74BC1F;
    border-radius: 5px;
    transition: all 0.3s ease;
}

Then, where ever you want to have a custom button on your site, you make a regular hyperlink but you add the "customButton" class to it. It would look like this in HTML...

<a class-"customButton" href="https://yoururl.com" target="_self">Button text here</a>

Here you go! Hope that helped a bit more! ;-)

Hi em es, I will help you with the easiest way for you to get exactly what you want since the shortcodes in Themler definitely seem to be deficient. So, in order to display a custom button anywhere you want, you go "Home" tab in Themler, then click "Settings" and open the "Additional CSS" panel. Then you can Copy/Paste the following CSS code and customize it to your choosing,,, /* CUSTOM BUTTON */ .customButton { background-color: #74BC1F; padding: 12px 15px; width: intrinsic; width: -moz-max-content; width: -webkit-max-content; color: #fff; border-radius: 5px; transition: all 0.3s ease; } .customButton:hover { background-color: #24272A; padding: 12px 15px; width: intrinsic; width: -moz-max-content; width: -webkit-max-content; color: #74BC1F; border-radius: 5px; transition: all 0.3s ease; } Then, where ever you want to have a custom button on your site, you make a regular hyperlink but you add the "customButton" class to it. It would look like this in HTML... <a class-"customButton" href="https://yoururl.com" target="_self">Button text here</a> Here you go! Hope that helped a bit more! ;-)

Last edited 4 days ago by Denis L.

Support Team
Support Team posted this 3 days ago

Thank you for your solution! I am sure it will be helpful for others.

Gina
Themler support

Thank you for your solution! I am sure it will be helpful for others. Gina Themler support
Denis L.
50 Posts
Denis L. posted this 3 days ago

Thank you for your solution! I am sure it will be helpful for others.

Gina
Themler support

My pleasure ! :-)

> Thank you for your solution! I am sure it will be helpful for others. > > Gina > Themler support My pleasure ! :-)
You must log in or register to leave comments