Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

WP Theme switch broke the CSS buttons, shows only code

Featured Replies

Hello, 

I am working on a new WP theme switch on my existing WP blog. When I switched the new theme (Hello theme by Elementor), all the CSS (mk) buttons on my blog are showing code instead of actual buttons. See below how the is code showing instead of buttons.

[mk_button dimension="three" size="large" bg_color="#ff6000 " text_color="light" url="mysite.com/link" target="_self" align="left" id="Buton ID" margin_top="0" margin_bottom="15" content="Download Mockup"][/mk_button]

Can somebody please help me guide how to fix this issue so the actual code turns into button?

Thanks much,

Rafi
 

 

 

That’s because the new theme doesn’t recognise the shortcode from the old theme. 
 

Your only fix is to recreate the buttons.

But...

Try to avoid using a page builder theme. This includes Elementor. It’s just about the worst theme ever.

  • Author

@fisicx  Thanks for your quick reply.

But as you mentioned, I am creating the new theme in Elementor Pro. Since, I am a non-coder guy, I find Elementor easy to use. Having said that, is there a way or a php code snippet that can help me show-up the buttons. There are hundreds of  button shortcodes I have used throughout the site as download buttons, and I think it's really, really hard to go to each post and update the buttons anew.

I also switched to other default themes (Twenty Nineteen, Twenty Sixteen, etc) on the dashboard, and still the buttons are showing in shortcode format only.

I will really appreciate for a fix for this, please.

 

Those shortcodes will only work with the old theme. There is no fix. You will have to recreate the buttons using elementor.

Or better still, use Wordpress blocks. That way they will not be theme dependent.

And you may find elementor easy to use but when Google introduces their new rules in 2021 your sites may well be penalised for poor performance.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.