Eight Degree Dual Button” Documentation by “8Degree Themes” v1.0.0

“Eight Degree Dual Button”

Created: 2/7/2019
By: 8Degree Themes
Email: support@8degreethemes.com

Thank you for purchasing our plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form here. Thanks so much!

Table of Contents

  1. Installing Instructions
  2. Plugin Main Page
  3. Create New Button
  4. Divider
  5. Custom Css

A) Installing Instructions - top

  1. Unzip eight-degree-dual-button.zip
  2. Upload all the files to the /wp-content/plugins/eight-degree-dual-button
  3. Activate the plugin through the 'Plugins' menu in WordPress.
  4. For adding dual button, click on "Eight Degree Dual Buttons >> Add New" in WordPress left admin menu.

    Eight Degree Dual Button

  5. To display the Dual Button in frontend, please go to the "Eight Degree Dual Buttons" page and copy required shortcode and paste to the page/post.

    Eight Degree Dual Button

Once the plugin is installed and activated you will find a menu named "Eight Degree Dual Buttons" in the left menu bar of the admin menu. Once you click on that menu , you will go to the plugin's main settings page. Basically there are 5 main panel in the plugin settings page which is individually described detailly below.

B)Templates - top

In this tab, you can select the layout of dual buttons within 16 available template option with their preview just below the dropdown.

Eight Degree Dual Button Template

C)First/Second Button - top

In this section, you can configure the button. It also includes the 2 different tabs as listed below:

Button Type

From here, you can create the button label, ink, make button with tooltip, dropdown or model type .

In Button Type Tab

Label :

This is the label for the first/second button.

Link :

This is the url attribute for the button to navigate.

Search :

Here you can select the link of your post/page you created which will be copy in a above link field.

Check To open new tab :

You can change target link to load target link within the same page or new tab.

Enable Tooltip :

Check/Uncheck to show/hide tooltip text for the button.

Tooltip Field :

You can enter tooltip information to display in this field.

Enable Modal Box :

Check/Uncheck to show/hide popup modal for the button.

Popup Modal Field :

You can enter modal text to display in this field.

Enable Dropdown :

Check/Uncheck to show/hide dropdown for the button.

Dropdown Field :

You can add dropdown field by clicking add field buttn and write dropdown field name and link and click in cross icon to delete the field.

Eight Degree Dual Button


From here, you can set the button background color, hover color/effect.

In Button Design Tab

Check To open Padding Settings :

You can change button height and width from this settings.

Check To Open Hover Settings :

Here you can change the default hover style of template.

Check To Open Font Settings :

Here you can change the default font style of template.

Check To Open Background Settings :

Here you can change the default background style of template.

Eight Degree Dual Button

D) Divider - top

From here, you cant set divider icon/text and left icon right icon and there colors respectively.

Eight Degree Dual Button

D)Custom Css - top

From this panel, you will have the facilities to overwrite the css if you know the knowledge of how to overwrite the css with your css

Eight Degree Dual Button

Once again, thank you so much for purchasing this plugin. As we said at the beginning, we'd be glad to help you if you have any questions relating to this plugin. No guarantees, but we'll do our best to assist. If you have a more general question relating to the plugin on CodeCanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.

8Degree Themes

Go To Table of Contents