unleashed2010

unleashed2010 supports this item

Supported

Popular questions for this item

Themes with position absolute in their sidebars:

Hulk theme
100vjet theme

What to do if you don’t see whole information in active tab.

You should understand that your choosen widgets have own css layout, which can “break” tab displaying. If you don’t want to find css conflict in your huge theme’s stylesheet, you still have a simple solution. Every tab has own unique css ID. You can find the right one on hello tabs widget’s form. Just under dropdown list with sidebars, you will see the list box with your choosen widgets’ IDs. (This list box appears after saving).
After you found the right ID ( for example id is “hello_tabs_widget-1” ), you should create css property with extra bottom padding using this ID. Go to Appearance -> Editor. If you don’t see your theme’s stylesheet in editor, which should be opened already, just choose it from the right side. Find an empty space there and add a css property:
#hello_tabs_widget-1{ 
padding-bottom: 20px 
}

What to do if you did everything right, but you still see only numbers in tabs’ buttons instead of titles.

Pay attention, that plugin works only with H2 tags around titles. But sometimes template developers use H3 or even H4 tags in sidebars. Make sure, that sidebar, which you are using for tabs content, have only H2 tags in it’s ‘before_title’ and ‘after_title’ parameters.
If your sidebar was created by using special field on hello tabs page, all widgets will have H2 tags around title. But sometimes you can’t create a new sidebar by using hello tabs page – this depends on your current theme.
If this happened with you, don’t worry. All you need to do is to add sidebar manually.
Go to Appearance -> Editor, find functions.php file from the right side and open it in editor. (just click on it). Find an empty space and add code below:

register_sidebar(array( 
  'name' => 'Hello tabs content', 
  'id' => 'Hello-tabs-content',
  'description' => 'Hello tabs widgets',
  'before_title' => '<h2>',
  'after_title' => '</h2>'
)); 


You can change id/name parameters or description if you want, but make sure that h2 tags are set as ‘before_title’ and ‘after_title’ value.

What to do if you want to display tabs vertically.

If you want to create vertical tabs, you should create just few additional css properties. Invent a new class name for it, I will use “vertical-tabs” name. Go to theme’s editor (Appearance -> Editor) and choose your theme’s stylesheet (style.css) if it’s not choosen already. Find an empty line and add new css floating properties:

.vertical-tabs ul.tabs-menu { 
    float: left;
}
.vertical-tabs ul.tabs-menu li{
    float: none;
} 

We almost there! Now we just should apply this style to hello tabs structure. Go to widgets page and insert “vertical-tabs” in additional class(es) field on hello tabs widget’s form. If you are also using hello tabs styles, make sure you put a space between these styles…something like this – “style1 vertical-tabs”. And a last what we need to do, is to add clearfix class, which will clears floating. Simply add “clearfix” word in additional class(es) field too. That’s it!

In different situations you may need to align tabs button’s text to the center and make equal width for tabs buttons. You can also try to specify these properties:

.vertical-tabs ul.tabs-menu li a{ 
    text-align: center;
    display: block; 
} 
Depending on your styles, there can be situations, where you need to specify tabs buttons’ widths. For example your sidebar is too narrow and font sizes are big. So just add width property to tabs-menu class. Content will automatically fits remaining space. tabs-menu class should look like this:

.vertical-tabs ul.tabs-menu {
    float: left;
    width: 100px;
} 
I set 100px width, you should specify your own width size. Good luck!

What to do if your sidebars dissapear after new sidebar creation.

Don’t worry, sometimes it’s just happens. All you need to do is to add sidebar manually.
Go to Appearance -> Editor, find functions.php file from the right side and open it in editor. (just click on it). Find an empty space and add code below:

register_sidebar(array( 
  'name' => 'Hello tabs content', 
  'id' => 'Hello-tabs-content',
  'description' => 'Hello tabs widgets',
  'before_title' => '<h2>',
  'after_title' => '</h2>'
)); 
You can change id/name parameters or description if you want, but make sure that h2 tags are set as ‘before_title’ and ‘after_title’ value.

How to output plugin’s jquery file in the footer?

1) Go to “Plugins” -> “Installed plugins” and click “edit” link below “Hello Ajax Tabs” plugin’s name.
2) After, on plugin’s edit page, choose “hello_ajax_tabs_widget.php” file from the right column.
3) Try to find “wp_register_script” line in this file (CTRL + F on windows or Command + F on Mac).
4) Second match should highlight a line with

wp_register_script( 'hat_min_js', plugin_dir_url( __FILE__ ).'js/hat.2.2.min.js',array('jquery'));

You should add few more parameters to this function – false and true, like this:

wp_register_script( 'hat_min_js', plugin_dir_url( __FILE__ ).'js/hat.2.2.min.js',array('jquery'), false, true);
5) Click on “Update File” button to save changes. From this moment plugin’s js file will be outputted somewhere in footer.

Show more

Contact the author

This author provides limited support for this item through email contact form.

Item support includes:

  • Availability of the author to answer questions
  • Answering technical questions about item’s features
  • Assistance with reported bugs and issues
  • Help with included 3rd party assets

However, item support does not include:

  • Customization services
  • Installation services

View the item support policy

by
by
by
by
by
by