15 Mar 2018 at 13:45 #17942
shortcode social syntaxResolved
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
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
</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?15 Mar 2018 at 14:00 #17943
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 athough (try using your browser to determine what CSS modifications you need to apply).
socialparameter of the shortcode applies the social brand color styles on the icon.
The most important parameter is
classthough, 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" /]
WebMan Design15 Mar 2018 at 14:09 #17944
This is a private reply!This reply has been marked as private.
You must be logged in to reply to this topic.