shortcode social syntax

Home Forums Mustang shortcode social syntax

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #17942

    Paul Gailey
    Participant

    shortcode social syntax

    Resolved

    for the sake of my editor team, with regards to using this shortcode:

    [wm_icon class=”icon-class” social=”/Behance/Blogger/Delicious/DeviantART/Digg/Dribbble/Facebook/Flickr/Forrst/Github/Google+/Instagram/LinkedIn/MySpace/Pinterest/RSS/Reddit/Skype/SoundCloud/StumbleUpon/Tumblr/Twitter/Vimeo/WordPress/YouTube/background-dark/background-light” url=”” size=”l/m/s/xl” /]

    how is the social part syntax constructed?

    1. is it correct as

    social="Twitter background-dark"
    or
    social="Twitter-background-dark"

    or something else?

    i don’t obtain the desired result at the moment, as you can see by https://prnt.sc/irjgma

    2. using raw html, which i scraped off your demo site, i can achieve this: https://prnt.sc/irjhgj
    by deploying:

    </a>
    <a href="https://twitter.com/seraphdubai" title="Tweet Seraph Production" class="wm-social-icon icon-twitter size-small social-background-light"><span class="wm-icon icon-twitter size-small" aria-hidden="true"></span></a>

    …how can i compose the shortcode in the text editor to achieve that and
    3. how can i compose shortcode to achieve nº2 without the rollover effect?

    I looked in the mustang github, am i correct in thinking the above is deprecated as shortcodes for my editor team?

    #17943

    Oliver Juhas
    Keymaster

    Hi Paul,

    Indeed, the icon shortcode is deprecated I only keep it for Mustang theme backwards compatibility. You are better using a dedicated 3rd party plugin for those.

    But if you want to use a shortcode, please note that the hover effect will be applied with this. You can override it with a custom CSS though (try using your browser code inspector to determine what CSS modifications you need to apply).

    The social parameter of the shortcode applies the social brand color styles on the icon.
    The most important parameter is class though, where you set up your social network icon class – you can get those in Appearance → Icon Font.

    Here is example for you:

    This produces branded large Facebook icon:
    [wm_icon class="icon-facebook" social="Facebook" url="https://www.facebook.com/webmandesigneu" size="l" /]
    
    This produces de-branded (dark color) large Facebook icon:
    [wm_icon class="icon-facebook" social="background-dark" url="https://www.facebook.com/webmandesigneu" size="l" /]

    Best regards,

    Oliver Juhas
    WebMan Design

    #17944

    Paul Gailey
    Participant

    This is a private reply!

    This reply has been marked as private.
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.