Title: Default Html
Last modified: August 22, 2016

---

# Default Html

 *  Resolved [oneruffryder](https://wordpress.org/support/users/oneruffryder/)
 * (@oneruffryder)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/default-html/)
 * Hi, what is default html output ? I want to use it to add it inside posts and
   on the sidebar, where i did tried but it was shown badly and didnt work. ( I 
   grabbed trough source from post where it works html)
 * I did tried with the shortcode as well.No luck
 * [https://wordpress.org/plugins/tabby-responsive-tabs/](https://wordpress.org/plugins/tabby-responsive-tabs/)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Thread Starter [oneruffryder](https://wordpress.org/support/users/oneruffryder/)
 * (@oneruffryder)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/default-html/#post-5470472)
 * Forgot to add, i want to run loops on sidebar with it (like recent posts, comments..
   etc..) , and i placed a shortcode in function.php
 *  Plugin Author [cubecolour](https://wordpress.org/support/users/numeeja/)
 * (@numeeja)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/default-html/#post-5470599)
 * Entering the html directly instead of using the shortcodes won’t work as the 
   shortcodes also enqueue the required scripts. You might be able to inspect the
   plugin’s code and figure out what also needs to be added, however this is outside
   of the scope of the free support I can provide as it is not how the plugin was
   designed to be used and you would need a customised version of the plugin or 
   some custom code in your child theme’s functions.php.
 * If you want to add the shortcodes to a text widget, you can to enable shortcodes
   in widgets by adding the following in a functionality plugin or in the functions.
   php of your child theme:
 *     ```
       add_filter( 'widget_text', 'shortcode_unautop');
       add_filter( 'widget_text', 'do_shortcode');
       ```
   
 * To use a shortcode in a template file, you can use the do_shortcode function 
   eg:
 *     ```
       <?php
       do_shortcode('[tabbyending]');
       ?>
       ```
   
 *  Thread Starter [oneruffryder](https://wordpress.org/support/users/oneruffryder/)
 * (@oneruffryder)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/default-html/#post-5470681)
 * Yea i gave up on this, i’v made a simple html for sidebar and i am using yours
   like a built in for my theme.
 * Another question : inside php i see this
 * if ( $icon ) {
    $addtabicon = ‘<span class=”fa fa-‘ . $icon . ‘”></span>’; }
 * So inside post how we can add icon for the tab title ?
 * [tabby title=”<span class=”fa-thumbs-o-up”></span> First Tab”] wont work ?
 * [‘<span class=”fa fa-comments-o”></span>’ tabby title=” Second Tab” ] shows icon
   but breaks tab..etc..
 * I tried targeting css as well.
 *  Plugin Author [cubecolour](https://wordpress.org/support/users/numeeja/)
 * (@numeeja)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/default-html/#post-5470684)
 * How to use the **icon** shortcode parameter in the tabby shortcode is described
   on the plugin page and the readme.txt file.
    _example:_
 *     ```
       [tabby title="My Tab" icon="cog"]
       ```
   
 * This adds the span with the classes required for displaying a font awesome icon.
   This feature was added for users of the ‘Tabby Responsive Tabs Customiser’ add-
   on which adds the Font awesome support required, but it uses the standard font
   awesome classes so a standalone plugin to add font awesome support can be used
   or you can target the classes to use your own custom icon font.
 *  Thread Starter [oneruffryder](https://wordpress.org/support/users/oneruffryder/)
 * (@oneruffryder)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/default-html/#post-5470685)
 * Hi, thanks for quick reply.I am using fontawesome, unlucky 😀
 * So what is a proper approach with this ?
 * 1. [tabby title=”My Tab” icon=”any name here and then target in css”]
 * 2.[tabby title=”My Tab” icon=”<i class=”fa fa-comments-o”></i>”]
 * 3. [tabby title=”My Tab” icon=”fa-comments-o”]
 * 4. some other ?
 *  Thread Starter [oneruffryder](https://wordpress.org/support/users/oneruffryder/)
 * (@oneruffryder)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/default-html/#post-5470686)
 * Ok , i figure it out. I was confused. In case that anyone is looking on how to
   add icon
 * Default example of one fontawesome icons usage are
 * <i class=”fa fa-comments-o”></i> or class=”fa fa-comments-o”
 * from here we just rip out this part comments-o
 * and add inside icon so like this [tabby title=”My Tab” icon=”here to insert”]
 * Like this [tabby title=”TAB3″ icon=”comments-o”]
 * Regards,

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Default Html’ is closed to new replies.

 * ![](https://ps.w.org/tabby-responsive-tabs/assets/icon-256x256.jpg?rev=2682041)
 * [Tabby Responsive Tabs](https://wordpress.org/plugins/tabby-responsive-tabs/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tabby-responsive-tabs/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tabby-responsive-tabs/)
 * [Active Topics](https://wordpress.org/support/plugin/tabby-responsive-tabs/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tabby-responsive-tabs/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tabby-responsive-tabs/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [oneruffryder](https://wordpress.org/support/users/oneruffryder/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/default-html/#post-5470686)
 * Status: resolved