I’ve been using Shortcodes Ultimate for many many years on so many different websites. Just wanted to thank you for being consistently amazing with a free little plugin that does so much, and so well.

Now my question:

I’d like to use custom icons in buttons and am wondering if it’s possible to do this using SU — like I would do to customize a woocommerce page (for example) – copying the php file over into a new folder within the theme directory (so that when it comes time to update the plugin, the icon or custom page doesn’t disappear).

Except in this case I would port over the icons to my theme folder and then replace the ones or add new ones?

Please advise, thank you!

Beatty

I could just make the custom svg button images with the selected background/foreground colors, but I use this on a few different sites and would like to just use one set of svg images that are custom colored based on the settings in AddToAny settings.

Thanks!

How can I solve this please? I am using Classic editor with latest WordPress version.

But the button style is not good for my site and when I follow the instructions to add custom button they don’t work because half the button is hidden and there is red text over the button.

Any ideas how to add own buttons, many thanks.

However, after updating to 7.3.6 version, I found that I can’t upload images on Styling tag when I select the “Custom” option. In fact I checked that is working for Facebook, Twitter, Tumblr and Pinterest buttons, but not for Email or Buffer. I didn’t tested on more buttons because I didn’t have time, I simply removed the plugin and install again the 6.3.6 version, everything is working fine now.

Here my code:

<ul>
    <li>
      <a title="Facebook" class="addthis_button_facebook at300b" href="#"><span class="at-icon-wrapper" style="width: 16px; height: 16px; line-height: 16px; background-color: rgb(59, 89, 152);"></span></a>
    </li>
    <li>
      <a title="Tweet" class="addthis_button_twitter at300b" href="#"><span class="at-icon-wrapper" style="width: 16px; height: 16px; line-height: 16px; background-color: rgb(29, 161, 242);"></span></a>
    </li>
    <li>
      <a title="Google+" class="addthis_button_google_plusone_share at300b" href="#" target="_blank"><span class="at-icon-wrapper" style="width: 16px; height: 16px; line-height: 16px; background-color: rgb(220, 78, 65);"></span></a>
    </li>
    <li>
      <a title="LinkedIn" class="addthis_button_linkedin at300b" href="#" target="_blank"><span class="at-icon-wrapper" style="width: 16px; height: 16px; line-height: 16px; background-color: rgb(0, 119, 181);"></span></a>
    </li>
    <li>
      <a title="Email" class="addthis_button_email at300b" href="#" target="_blank"><span class="at-icon-wrapper" style="width: 16px; height: 16px; line-height: 16px; background-color: rgb(132, 132, 132);"></span></a>
    </li>
</ul>

What I want to do is make custom buttons. I’m looking at having a background image and then 3 other images on top, each of which are clickable.

Is there a way to do this on wordpress/ or am I using the wrong software?

Cheers!

My site is a fantasy sports site. I have these three javascript codes that when inserted into my header, anywhere a recognized player name shows up, it creates a little bubble next to their name that once clicked, brings up a pop up giving a players latest news and stats.

Problem is, I can only have one sport active in my header at a time. They use the same variables, so when all three are put in the header, the one that is last on the list is the only one that gets run. I’ve already tried to find a way to combine the code to no avail, but I did find a workaround.

If I activate the one I use the most in my header (NBA), if I write an NFL post, I can put the NFL code in the “text” portion of the article, and it will override the NBA one in my header. Works great.

Now my issue. The code is quite long, and I don’t want to have to retype it every time. Not to mention I have 40 other writers, and I doubt they even know how to do it. What I want to do is create a button on the editor (on the “text” side) that when clicked, it writes the code. That’s it. Click a button and there appears the code. I’ve downloaded multiple “custom button” plugins to no avail.

Is there a way to do this. Keep in mind, I have little to no coding experience, but I am proficient in copy/paste. LOL. My site is GoingFor2.com.

Thanks in advance,
-Geoff