0
Welcome Guest! Login
0 items Join Now

Social Media Buttons

Last Post
Search Topic

  • Social Media Buttons

    Posted 11 years 3 months ago
    • Hi there,
      Bit of a newbie, so sorry if this seems like an obvious question.
      I've applied the Afterburner2 template to my site and I'm in the process of laying it out.
      2 minutes in and I seem to have come unstuck already.
      I noticed on the demo site that at the bottom left of the page there are 4 social media buttons.
      I can't seem to find any information on them or relevant Modules that relate to them and their positioning. Could anyone please point me in the right direction to find out how to place and configure them?
      In this instance, they seem to be linked to the 'Demo Information' module, as they disappear and reappear when I publish and unpublish it, but I couldn't find any reference to them in the custom HTML.
      Any help would be much appreciated.
      Regards,
      Ideasmonkey
    #1057590
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: Social Media Buttons

    Posted 11 years 3 months ago
    • there is a custom html module on the Afterburner2 demo titled "Demo Information" the social icon portion of html is this:
      <span class="rt-grey rt-mini-icon icon-facebook"></span>
<span class="rt-grey rt-mini-icon icon-twitter"></span>
<span class="rt-grey rt-mini-icon icon-google-plus"></span>
<span class="rt-grey rt-mini-icon icon-rss"></span>
<div class="clear"></div>
      you will need to use html with links like so:
      <div class="large-font">
<a target="_blank" href="#"><span class="rt-grey rt-mini-icon icon-facebook"></span></a>
<a target="_blank" href="#"><span class="rt-grey rt-mini-icon icon-twitter"></span></a>
<a target="_blank" href="#"><span class="rt-grey rt-mini-icon icon-google-plus"></span></a>
<a target="_blank" href="#"><span class="rt-grey rt-mini-icon icon-rss"></span></a>
<div class="clear"></div>
</div>
      Make sure you replace the "#" with the url to your respective social link.
    #1057609

  • Re: Social Media Buttons

    Posted 11 years 3 months ago
    • Thanks for that.
      I guessed that was where it was supposed to be, but couldn't see any coding relating to the icons.
      Wasn't until I changed the default editor from 'TinyMCE' to 'RokPad' that it appeared.
      Not sure what that's all about, but I can see what I need to change now.
      Thank you so much for your help.
      Regards,
      Ideasmonkey
    #1057841
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: Social Media Buttons

    Posted 11 years 3 months ago
    • TinyMCE does a bad job of cleaning up HTML. It erases empty elements.
    #1057919

Time to create page: 0.098 seconds