Themeforest

WordPress Plugins Frequently Asked Questions

jQuery Vertical Accordion Menu

Creating a custom skin for the wordpress jQuery vertical accordion menu plugin

The CSS involved in creating the styles for the accordion menu is relatively easy. There are a few additional class names, which the jQuery plugin adds to the menu in order to help with styling. Make sure that any custom CSS is added to your theme’s style sheet – do not edit the plugin CSS files as these will be … more

Adding an accordion menu using shortcodes to your template files

To use WordPress shortcodes outside of the post/page content, directly in a template file you need to use additional code to call the shortcode function.

The example below would add an accordion menu using the WordPress custom menu “Test Menu” with the default settings (see WordPress Plugin – jQuery Vertical Accordion Menu plugin page for more information): … more

Adding jQuery to your theme files using wp_enqueue_script

If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.

To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more

Widget does not appear on page when using twentyeleven theme

The twentyeleven theme has a setting, which allows you to turn off the sidebar for pages/posts.

If your widget is only appearing on the home page go to:

Admin-Appearance-Theme Options

Check the setting for “Default Layout” – make sure that the “One-column, no sidebar” option is NOT selected. … more

The accordion sub-menus briefly appear open whilst the page is loading

Since the accordion menu effect is created using jQuery the actual accordion features, such as the sub-menus being hidden can only be applied after the menu has loaded. Usually this shouldnt be a problem and will not be noticeable by visitors to your site.

However, if your page loading speed is a little slow or other items on the page … more

How to identfiy the current menu item in an accordion menu

The current active menu item in a WordPress menu can be identified in 2 ways, giving you different CSS rules that you can add to your theme’s style sheet depending on the “look” you want to achieve.

To highlight the “active” item i.e. a menu link that has been clicked, the the link tag and its parents are given the … more

I get the error message … Error: jQuery(“#dc_jqaccordion_widget-3-item .menu”).dcAccordion is not a function …

This error will occur if either the jQuery plugin file for the accordion menu has not loaded or if you have the jQuery javascript library loading again in the header after the plugin files have been listed.

Check your source code and see if there is more than one copy of jQuery. If there is, remove the additional jquery library … more

The menu appears on the page but does not work

There are several reasons why the menu may fail to load properly:

1. The necessary code is missing from the page footer. The plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function – this is usually located just before the closing body tag in your theme’s footer file.

2. … more

Removing the default margin & bullets from WordPress twenty ten theme

To remove the margin and bullet points that appear on the accordion menu when using the WordPress default Twenty Ten theme add the following CSS rule to your theme’s style.css file:

This will change the accordion menu default styling from this:

To this:

more

Custom skin file gets overwritten every time the plugin updates

Whenever WordPress updates any plugin file ALL files in the plugin directory are first deleted and the updated files reinstalled.

This means that any modifications you may have done to the plugin files or if you have created your own custom skin in the plugin’s skin folder, will all be deleted.

Any changes you make to the plugins CSS should … more

jQuery Mega Menu

Adding jQuery to your theme files using wp_enqueue_script

If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.

To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more

Widget does not appear on page when using twentyeleven theme

The twentyeleven theme has a setting, which allows you to turn off the sidebar for pages/posts.

If your widget is only appearing on the home page go to:

Admin-Appearance-Theme Options

Check the setting for “Default Layout” – make sure that the “One-column, no sidebar” option is NOT selected. … more

How can I create my own custom CSS style sheet for the menu?

See WordPress Tutorial – Create Your own Custom Mega Menu Styles for more information and sample custom CSS. … more

The menu appears on the page but does not work

There are several reasons why the menu may fail to load properly:

1. The necessary code is missing from the page footer. The plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function – this is usually located just before the closing body tag in your theme’s footer file.

2. … more

The mega menu works but the drop down menus cant be seen

Sometimes your theme files may have the CSS property “overflow” set to “hidden” on some page elements such as the header.

Check your page source code to see all of the tags that wrap your mega menu and check in the theme’s style sheet for any that may have the CSS rule – overflow: hidden. … more

Custom skin file gets overwritten every time the plugin updates

Whenever WordPress updates any plugin file ALL files in the plugin directory are first deleted and the updated files reinstalled.

This means that any modifications you may have done to the plugin files or if you have created your own custom skin in the plugin’s skin folder, will all be deleted.

Any changes you make to the plugins CSS should … more

I get the error message – dcMegaMenu is not a function

This error can occur when the jQuery plugin file that creates the vertical mega menu has been overwritten because the jQuery library has been loaded a second time either by the theme files or another WordPress plugin.

Check your source code and your theme header.php file for any instance of the jQuery library being loaded.

jQuery should always be loaded … more

How should I structure my custom menu to get the best results?

The widget works by taking the standard menu structure and creating the sub-menus from the nested links. To get the full effect you need to have 3 levels within the custom menu:

  1. First level is used for the main menu items
  2. The second level is used to create the sub-menu headings
  3. The 3rd level links are then grouped together under
  4. more

jQuery Vertical Mega Menu

Adding jQuery to your theme files using wp_enqueue_script

If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.

To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more

Widget does not appear on page when using twentyeleven theme

The twentyeleven theme has a setting, which allows you to turn off the sidebar for pages/posts.

If your widget is only appearing on the home page go to:

Admin-Appearance-Theme Options

Check the setting for “Default Layout” – make sure that the “One-column, no sidebar” option is NOT selected. … more

Using the WordPress vertical mega menu with the Suffusion theme

Contributed by user

When using the WordPress Suffusion theme you may encounter problems with the sidebar due to the overflow in the theme’s CSS being set to hidden.

Two possible solutions include

1. Add the following CSS to the theme’s style sheet:

2. Set the sidebar to flatten – a Suffusion theme setting that connects all widget areas to display … more

The menu appears on the page but does not work

There are several reasons why the menu may fail to load properly:

1. The necessary code is missing from the page footer. The plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function – this is usually located just before the closing body tag in your theme’s footer file.

2. … more

The vertical mega menu works but the slide out sub-menus cant be seen

Sometimes your theme files may have the CSS property “overflow” set to “hidden” on some page elements such as sidebars where your mega menu is located.

Check your page source code to see all of the tags that wrap your vertical mega menu and check in the theme’s style sheet for any that may have the CSS rule – overflow: … more

Custom skin file gets overwritten every time the plugin updates

Whenever WordPress updates any plugin file ALL files in the plugin directory are first deleted and the updated files reinstalled.

This means that any modifications you may have done to the plugin files or if you have created your own custom skin in the plugin’s skin folder, will all be deleted.

Any changes you make to the plugins CSS should … more

I get the error message – dcVerticalMegaMenu is not a function

This error can occur when the jQuery plugin file that creates the vertical mega menu has been overwritten because the jQuery library has been loaded a second time either by the theme files or another WordPress plugin.

Check your source code and your theme header.php file for any instance of the jQuery library being loaded.

jQuery should always be loaded … more

How should I structure my custom menu to get the best results?

The widget works by taking the standard menu structure and creating the sub-menus from the nested links. To get the full effect you need to have 3 levels within the custom menu:

  1. First level is used for the main menu items
  2. The second level is used to create the sub-menu headings
  3. The 3rd level links are then grouped together under
  4. more

How can I create my own custom CSS style sheet for the vertical mega menu?

See WordPress Tutorial – Create Your own Custom Vertical Mega Menu for more information and sample custom CSS. … more

Slick Contact Forms

Creating a custom skin for a slide out contact form

To use custom styling for the WordPress Slick Contact Forms Plugin you can add custom CSS rules to your theme’s style sheet. The CSS code given below, which is taken from the black skin can be used as the template to create these styles.

Some of the rules depend on the position of the form – if you are unsure … more

Creating a custom skin for a floating contact form

Note: This is for the floating form only and does assume that you have a basic knowledge of CSS. For the slide out version of the contact form see – Creating a custom skin for a slide out contact form.

To use custom styling for the WordPress Slick Contact Forms Plugin you can add custom CSS rules to your theme’s … more

Adding jQuery to your theme files using wp_enqueue_script

If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.

To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more

Widget does not appear on page when using twentyeleven theme

The twentyeleven theme has a setting, which allows you to turn off the sidebar for pages/posts.

If your widget is only appearing on the home page go to:

Admin-Appearance-Theme Options

Check the setting for “Default Layout” – make sure that the “One-column, no sidebar” option is NOT selected. … more

The contact form shows in the widget area and not as a sticky or floating tab

The problem is caused by the jQuery plugin that creates the sticky/floating tab not be loaded.

There are 2 main reasons for this:

The footer.php file is missing the wp_footer() function.

Check your theme’s footer.php file and make sure it contains the following code:

The jQuery library is being loaded again

If your theme files or another plugin are not … more

I dont receive any email from the slick contact form

The contact form plugin uses the php mail() function for sending the submitted form email. This is standard with php but some web hosting companies may disable this feature or require authentication in order to send outgoing email from your server.

Usually if the email sending has failed you should see the following error message from the contact form – … more

Custom skin file gets overwritten every time the plugin updates

Whenever WordPress updates any plugin file ALL files in the plugin directory are first deleted and the updated files reinstalled.

This means that any modifications you may have done to the plugin files or if you have created your own custom skin in the plugin’s skin folder, will all be deleted.

Any changes you make to the plugins CSS should … more

I can receive emails from WordPress but not from slick contact forms

Note: Starting with version 1.2.9 the option to switch to use the WordPress mail function is now included in the plugin options page. Check the “Use wp_mail()” checkbox to send all slick contact forms email via WordPress email

If you are able to receive emails without any problems from your WordPress site and you ARE NOT getting any error messages … more

The contact form briefly appears in the widget area when the page loads

Sometimes, when the page first loads, you may see the contact form appearing briefly in the widget area before disappearing when the sticky or floating tab is created. This occurs because the jQuery that creates the sliding or floating tab can only initialise after the form is available on the page. Sometimes this is more obvious in certain browsers/pages.

You … more

Adding google event tracking to the contact form

Event tracking for google analytics can easily be added to the contact form using jQuery to initiate the event tracking code when the form submit button is clicked:

Change the 3 parameters according to your requirements:

category (required)

The name you supply for the group of objects you want to track.

action (required)

A string that is uniquely paired with … more

Slick Social Share Buttons

Checking your facebook like button

IF YOUR FACEBOOK LIKE BUTTON IS NOT WORKING CORRECTLY TRY THIS FIRST

If you are having problems with the facebook like button Facebook provide an online debugging tool, which will give you detailed information about the page and any errors that may be affecting the like button:

For some strange reason (known only to facebook), many problems with facebook buttons … more

The facebook like button is grey

If your facebook like button is grey and you are unable to click it this means that you have already “liked” this page using your current logged in profile.

If you hover over the tick mark on the grey like button this will change to a cross icon – click this icon to “unlike” the page. … more

What is the difference between the facebook like buttons

There are 2 basic types of facebook like button:

Social Media Share Buttons

1. The like button that appears on each blog post or website page using plugins such as the WordPress Social Share Buttons Plugin.

Facebook Like Box

2. The like button that appears in the facebook likebox like you see on the WordPress Social Network Tabs Plugin.

When you like a blog post or article … more

The Twitter button always displays horizontal

If you are having problems with the tweet button not being able to display the vertical button + count this may be due to the WP External Links plugin, which so far causes problems by interfering with the twitter code.

Changing the WP External Links settings as shown below should hopefully fix the problem:

If you do not have this … more

Images for the facebook like, google buzz & pin it share buttons

The facebook like, google buzz and pin it social media share buttons all have the ability to attach an image as part of the information sent when the share button is clicked.

To add an image to the button the plugin uses the WordPress built-in thumbnail feature. Thumbnails allow you to select an image that is representative of the post/page … more

Setting up the share buttons to be the same as designchemical.com

We have had many people ask how we have set up the Slick Social Share Buttons used on this website. Most of the settings can be managed from the plugin options page – the only item that needs any kind of customisation is the CSS to hide the share tab.

Share Button Settings

The screen shot below shows the settings … more

Adding jQuery to your theme files using wp_enqueue_script

If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.

To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more

Getting your facebook ID using your facebook username

To get your facebook ID using your username browse to the following URL – changing “username” for your facebook username:

https://graph.facebook.com/username

You should see information similar to the example below, including your facebook ID at the top of the page: … more

The social media buttons appear at the bottom of the page

If your social media buttons are appearing at the bottom of the page instead of in a floating or slide out panel the problem is usually caused by the jQuery library being loaded again after the plugin files.

If your theme files or another plugin are not using the WordPress standard method for loading the jQuery library this may result … more

Creating your own social media button panel styles

If you prefer to use your own CSS styles to create the button panel design you can disable the default CSS by unchecking the “Default Skin” option in the plugin settings page.

The plugin adds several different HTML tags to both the floating and slide out panels, which should enable you to fully customise the button panel layout.

The following … more

jQuery Drill Down Menu

Adding jQuery to your theme files using wp_enqueue_script

If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.

To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more

Widget does not appear on page when using twentyeleven theme

The twentyeleven theme has a setting, which allows you to turn off the sidebar for pages/posts.

If your widget is only appearing on the home page go to:

Admin-Appearance-Theme Options

Check the setting for “Default Layout” – make sure that the “One-column, no sidebar” option is NOT selected. … more

The menu appears on the page but does not work

There are several reasons why the menu may fail to load properly:

1. The necessary code is missing from the page footer. The plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function – this is usually located just before the closing body tag in your theme’s footer file.

2. … more

Custom skin file gets overwritten every time the plugin updates

Whenever WordPress updates any plugin file ALL files in the plugin directory are first deleted and the updated files reinstalled.

This means that any modifications you may have done to the plugin files or if you have created your own custom skin in the plugin’s skin folder, will all be deleted.

Any changes you make to the plugins CSS should … more

jQuery Slick Menu

Adding jQuery to your theme files using wp_enqueue_script

If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.

To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more

Widget does not appear on page when using twentyeleven theme

The twentyeleven theme has a setting, which allows you to turn off the sidebar for pages/posts.

If your widget is only appearing on the home page go to:

Admin-Appearance-Theme Options

Check the setting for “Default Layout” – make sure that the “One-column, no sidebar” option is NOT selected. … more

Adding vertical text to the slick menu tab

Unfortunately HTML cannot create vertical text therefore in order to add vertical text to the menu tabs you need to use CSS and background images.

First create your menu tab in any graphics program – as a gauge the “Contact Us” tab on this page is 40 pixels wide.

Delete any text in the menu tab text field in the … more

The menu appears on the page but does not work

There are several reasons why the menu may fail to load properly:

1. The necessary code is missing from the page footer. The plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function – this is usually located just before the closing body tag in your theme’s footer file.

2. … more

Custom skin file gets overwritten every time the plugin updates

Whenever WordPress updates any plugin file ALL files in the plugin directory are first deleted and the updated files reinstalled.

This means that any modifications you may have done to the plugin files or if you have created your own custom skin in the plugin’s skin folder, will all be deleted.

Any changes you make to the plugins CSS should … more

Floating Menu

Adding jQuery to your theme files using wp_enqueue_script

If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.

To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more

Widget does not appear on page when using twentyeleven theme

The twentyeleven theme has a setting, which allows you to turn off the sidebar for pages/posts.

If your widget is only appearing on the home page go to:

Admin-Appearance-Theme Options

Check the setting for “Default Layout” – make sure that the “One-column, no sidebar” option is NOT selected. … more

The menu appears on the page but does not work

There are several reasons why the menu may fail to load properly:

1. The necessary code is missing from the page footer. The plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function – this is usually located just before the closing body tag in your theme’s footer file.

2. … more

Custom skin file gets overwritten every time the plugin updates

Whenever WordPress updates any plugin file ALL files in the plugin directory are first deleted and the updated files reinstalled.

This means that any modifications you may have done to the plugin files or if you have created your own custom skin in the plugin’s skin folder, will all be deleted.

Any changes you make to the plugins CSS should … more

Floating Tweets

Adding jQuery to your theme files using wp_enqueue_script

If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.

To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more

Widget does not appear on page when using twentyeleven theme

The twentyeleven theme has a setting, which allows you to turn off the sidebar for pages/posts.

If your widget is only appearing on the home page go to:

Admin-Appearance-Theme Options

Check the setting for “Default Layout” – make sure that the “One-column, no sidebar” option is NOT selected. … more

The twitter feeds shows in the widget area and not in a floating tab

The problem is caused by the jQuery plugin that creates the floating tab not be loaded.

There are 2 main reasons for this:

The footer.php file is missing the wp_footer() function.

Check your theme’s footer.php file and make sure it contains the following code:

The jQuery library is being loaded again

If your theme files or another plugin are not … more

Custom skin file gets overwritten every time the plugin updates

Whenever WordPress updates any plugin file ALL files in the plugin directory are first deleted and the updated files reinstalled.

This means that any modifications you may have done to the plugin files or if you have created your own custom skin in the plugin’s skin folder, will all be deleted.

Any changes you make to the plugins CSS should … more

I have many visitors who have javascript disabled in their browsers – how will this affect the plugin?

The WordPress Floating Tweets plugin does use jQuery to create the floating twitter tab so if your user does not have javascript enabled the floating animation will not be available.

We have designed the plugin with accessibility in mind though and in the event that javascript cannot be used the twitter feed will display as a normal HTML list in … more

14 Comments

  • Hi! I’ve noticed that the widget shows clearly on higher resolutions (i.e. 1280×800). I experimented with a laptop with a higher resolution and a netbook with 1024 x 680. What happens is that, in a lower resolution setting, the widget goes over the text.

    My question is this, is there a way to make the widget not go over the text like make the page smaller so that there is space for the widget? Can you tell me how to do this? Please check the 2 of the websites that I admin. bgpropertystyling.com.au and seniormovers.com.au.

    I will be waiting for your reply. Thanks!

    • yes set position from center – see plugin project page for more information

  • I am trying to fix a mega menu problem on a WordPress site that is using your jQuery Mega Menu plug-in (and the UberMenu – WordPress Mega Menu Plugin).

    In the HTML this is stated:

    …but in the WordPress Admin Plug-in page your version is listed as ‘Version 1.3.8′ and it does not report an update is available.

    If I edit your plug-in the comment at the top says 1.3.8 but further down in the code it says 1.3.4.

    Am I running the latest version of your plug-in, i.e. should the HTML say jquery.dcmegamenu.1.3.8, or is the WP Admin page correct?

    • 1.3.8 is the wordpress plugin version and 1.3.4 is the jquery mega menu plugin file version. The 2 arent directly related.

      • I have made some progress with the problem by adding jQuery to my theme files using wp_enqueue_script, in that I cannot reproduce the problem in Firefox anymore but it still happens in IE and Chrome.

        Go to

        http://www.roltasolutions.com

        and use the ‘Solutions / Services…’ menu – all appears OK. Until that is you click on Solutions and then quickly move your mouse to Services: the sub-menu is skewed to the left until the page fully loads, whereupon the sub-menu disappears even if you hover over ‘Services’. Once the page is loaded, the menu operates correctly i.e. displayed directly under and remains visible on hover. This also happens by clicking on Services and moving the mouse to Solutions. (If you can’t make this happen I can send you a screen shot).

        Note that it happens every time you revisit the page: e.g. from the home page go to Resources then back to the home page and the menus skew left until the page has loaded again.

        It seems to me that this is something to do with the order in which ‘code’ is loaded but I cannot figure it out: there are some JavaScript calls related to the mega menu around lines 773-787 of the home page – why are they down there and not the top of the page? Are the sub-menus skewing left until these are rendered?

        Any ideas appreciated!

  • Hi, it’s me again.

    I move my site online but I don’t know why installed & activated this plugin I got this message: “You have been blocked on the firewall for this server. This server’s hostname is nativespace-ariel.ns-ariel.com”

    and I can not access my site again. I don’t know why but I am sure I got this message after installed and activated this plugin. This is one called bug or something I don’t know.

    Your advice please….

    Thank you.

    • Which plugin is this for? There are no bugs that im aware of that would cause this. I suggest maybe contacting your hosting company and find out why they have blocked the site

      • Hi, thanks for reply.

        WordPress Vertical Accordion Menu plugin. Yes, the This issue was caused by mod_security rule and seems to relate with “Save Menu State (uses cookies)” setting when it is activated.

        I’ve contacted the hosting company and they have changed mod_security rule for my account and the plugin runing good now.

        Thanks.

  • Hi, I love your plugin but I am having a problem with the background flashing white when I click to navigate to a new page/post. Do you know what is causing this issue? Thank you, Pat

    • Hi,

      The plugin itself shouldnt cause this problem. Maybe check in your style sheet to see if anything may be causing this

  • plugin activated.menus are also shown .but how can I show submenus ?
    now submenus are showing as a parent menu…in all plugins of you…

    please give me a solution

    • the plugin doesnt generate the menu. This is handled by the wordpress menu system. You therefore need to create the sub-menus in menu admin

  • Menu works great on the home page but does not show up on the second tiers.
    I have deleted ALL plugins not in use and checked theme files for overflow:hidden, removed other custom javascripts to see if that made a difference and it did not. Do you have any other suggestions?

    • Hi,

      Do you have a link I can take a look at?