Support Center Visit Demo License manager Buy @ envato

Social media icons and other buttons

felipegmfelipegm
in Shortcodes
Hello

I noticed that the BeTheme Demos have several built-in templates of buttons and icons for social media and other actions buttons. Is there a table of models available or some instructions on how to enable and use them?

Comments

  • AlbertAlbert
    Hey,

    yes, we have different button styles and if you want, you can change them under Theme options > Global > General section where Style | Button option is. But we are not sure what different social icons you mean because we have only one social icons included.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • felipegmfelipegm
    Hello. 

    Sorry, I mean the social media icons. Please take a look at this page, at the bottom left:


    There are 4 different icons for Facebook, Twitter, Vimeo and Google+. What other options are and how can I use them?
  • AlbertAlbert
    This is Icon Bar (text shortcode) item where it is possible to use included icons. This shortcode like any other raw shortcode, can be found under []+ button which is available for default WP editor for example.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • rainman2030rainman2030
    Muffingroup,


      Hello, I'm running into a similar issue but I'm not sure how to fix my problem.  Maybe an example will help:

    [icon_bar icon="icon-facebook" link=“#" target="_blank" size="" social="facebook"][icon_bar icon="icon-gplus" link=“#" target="_blank" size="" social="google plus"][icon_bar icon="icon-instagram" link=“#" target="_blank" size="" social="instagram"][icon_bar icon="icon-twitter" link=“#" target="_blank" size="" social="twitter"]

    I add that code to a portion of the site, save my progress then refresh the page.  If I mouse over the fb, g+, & twitter icons an effect occurs and the entire background changes (I'm not asking about this, I understand what is happening to them), I believe this is due to the [icon_bar ...
    social="facebook"] portion of the shortcode.  What I want to know is what is the social attribute for Instagram?  In the example i described above, upon hover the instagram icon itself changes to the default <a> color. 

    Thanks!
  • AlbertAlbert
    @rainman2030 Not sure if we understand what you mean. You want to change background color of Instagram icon on hover? If that's what you mean, please send us link to page where you got this icon so we can have a look on it.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.