Are there any plans to add other networks/icons??

  • Resolved illusorythrall

    (@illusorythrall)


    5 months, 1 week ago

    I VERY much need a Twitch one, as it’s my main content platform. Also, a Steam one would be nice, too. And/or Throne??

    I’ve made it work with some other icons for my follow links up on the top part of the page, but they don’t match PERFECTLY, which is annoying to me. And yes, I know I could have used your mail icon, but I wanted it at the right end, and I didn’t want to put in yet another code block.

    If it matters, I’m using it with Oxygen Builder Templating system (all custom-made templates by me). I could not get the actual follow icon widget to work, so I did the coding by hand based on your instructions for customizing.

    IllusoryThrall

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author micropat

    (@micropat)

    Are there any plans to add other networks/icons??

    Always!

    Twitch and Steam buttons are rolling out now and will be available for everyone in about 24 hours.

    I recommend a single block of code altogether like this, which includes a custom SVG icon for Throne:

    <div class="a2a_kit a2a_kit_size_42 a2a_default_style a2a_follow" data-a2a-icon-color="#180023,#04c77c">
      <a class="a2a_button_x" ></a>
      <a class="a2a_button_bluesky" ></a>
      <a class="a2a_button_instagram" ></a>
      <a class="a2a_button_discord" ></a>
      <a class="a2a_button_youtube" ></a>
      <a class="a2a_button_twitch" ></a>
      <a class="a2a_button_steam" ></a>
      <a >
        <span class="a2a_svg" style="background-color: #0b0b2b; width: 42px; line-height: 42px; height: 42px; background-size: 42px; border-radius: 6px;">
           <svg title="Throne" xmlns="https://www.w3.org/2000/svg" width="42" height="42" fill="none"><path fill="#04c77c" d="M27.634 21.692c-.11.223-.254.424-.428.6l-5.38 5.513c-.247.254-.476.608-.83.608-.368 0-.602-.373-.858-.636l-5.356-5.486a1.39 1.39 0 0 1-.086-.092c-.601-.675-.717-1.65-.293-2.482l6.068-11.912a.614.614 0 0 1 .524-.286.61.61 0 0 1 .517.274l3.042 5.97 3.041 5.972c.32.626.334 1.358.04 1.957ZM21.18 32.018 6.028 16.586l-.048-.05a.598.598 0 0 0-.38-.136.636.636 0 0 0-.492.243.583.583 0 0 0-.086.503l4.409 15.2c.105.364.276.7.51 1 .028.038.06.075.09.11.524.609 1.313.942 2.132.942.318 0 .64-.05.951-.155a24.98 24.98 0 0 1 7.07-1.253c.206-.015.41-.028.613-.038a.575.575 0 0 0 .425-.221c.1-.128.138-.29.107-.446a.547.547 0 0 0-.149-.266v-.001Zm15.544-15.524v.001c-.192-.13-.437-.123-.692.03a.592.592 0 0 0-.114.09L22.94 29.856a.558.558 0 0 0-.002.787l2.27 2.326c.27.276.615.465 1.002.547 1.03.217 2.051.502 3.038.847.23.08.468.12.708.12.297 0 .595-.061.878-.182.49-.2.912-.516 1.223-.915.232-.298.405-.635.512-1.001l4.41-15.207a.613.613 0 0 0 .02-.203.57.57 0 0 0-.276-.48Z"/></svg>
        </span>
      </a>
      <a class="a2a_button_email" href="mailto:[email protected]"></a>
    </div>

    Just replace the example email address and you should be good to go.

    Thread Starter illusorythrall

    (@illusorythrall)

    You… are utterly amazing. Seriously. Thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.