Author 诗语

I』ve activated Safe Mode and got 「MU Plugin」 message. What can I do?

In some cases, when activating Safe Mode, you may see a message similar to this:

「Please note! We couldn』t deactivate all of your plugins on Safe Mode.」 

This message means that Safe Mode is unable to deactivate all of the plugins installed, especially when there are MU (must-use) plugins installed. Learn more about MU plugins.

This issue is usually caused by either a developer or a hosting company that implements one or more MU (must-use) plugins. In this case, you should deactivate any MU plugins via your server』s control management panel or contact the hosting provider to deactivate it for you.

If you receive this message, Safe Mode can still help diagnose the problem, however unless you manually deactivate MU plugins, those plugins will still be activated and will not be part of the troubleshooting process.

Note: Safe Mode can be activated only by site admins (i.e. users with administrator privileges), because only they can deactivate plugins. If you are not receiving the Enable Safe Mode option, please ask your site administrator to activate safe mode and troubleshoot the problem for you. In the case of a multisite setup, only Super Admins can activate Safe Mode.

Share Usage Data

Thanks for using Elementor. We give you the power to make a difference and help us improve our plugin. This page explains about our usage data tracking, what information we collect, and why.

As you have probably already noticed, we keep making Elementor better, adding new features and improving and building upon the current features. To do that, we try to learn from our users what works, what doesn』t, what can be optimized and what needs to be tossed aside. This information helps us understand how you are using Elementor, and in what areas we could improve it. 

Information We Collect

This is the information that is sent to us:

Server software & versionMySQL versionPHP settings & versionWordPress versionWordPress debug modeWordPress memory limitWordPress max upload sizeWordPress settings (permalink structure, multisite, language, theme, plugins)Site URLAdmin EmailElementor plugin usage data

Even if you have already agreed to share this information with us, you can always choose to opt-out by going to Dashboard >  Elementor > Settings and unchecking 『Usage Data Tracking』

Your Privacy First

We take your privacy extremely seriously, and we never put any data to misuse.

For more information see our Privacy Policy

Create Headers Using Elementor』s Theme Builder

The Header Template lets you easily design and edit custom WordPress headers.

Under Templates > Theme Builder > Header > Add New, from the dropdown select Header and click Create Template.Choose a Header Block and Insert. Alternatively, you can design your own.Click the Section Settings  > Layout > HTML Tag > Change Default to Header.After you』ve finished designing, click Publish.Choose a Condition. Click to learn about conditions.

Tip: Did you know? You can create more than one Header, and assign it to different areas on your site!   Click to learn more

Note: You will not be able to see your Header if you』re using the Canvas Template

502 Error When I Try to Edit with Elementor

If you get a 502 error when you try to edit with Elementor you have to do two things:

Go to  Elementor > Settings > Advanced, and under 『Editor Loader』, enable 『Switch front-end editor loader method』.

This setting changes the Elementor editor loader method.

You then may need to increase a particular Apache service limit. To do that, add the following lines inside the website』s .htaccess file:

SubstituteMaxLineLength 10M

You can edit that file via SSH, FTP, or the File Manager tool in cPanel.

WooCommerce Single: Product Data Tabs (Pro)

Control the product Data Tabs style in the WooCommerce Single template

Style

Tabs

Normal | Active

The following options can be set independently for both the normal and active states.

Text Color: Choose the color of the Tabs textBackground Color: Choose the background color of the Tabs textBorder Color: Choose the border color of the Tab

Typography: Set the typography options for the Tabs textBorder Radius: Set the border radius to control corner roundness

Panel

Text Color: Choose the color of the Panel textTypography: Set the typography options for the Panel text

Heading

Text Color: Choose the color of the Heading textTypography: Set the typography options for the Heading textBorder Width: Control the thickness of the Panel borderBorder Radius: Set the border radius to control corner roundness of the panelBox Shadow: Adjust box shadow options

Note: The style of this widget is often affected by your theme and plugins. If you experience any such issue, try to switch to a basic theme and deactivate related plugins, or adjust the styling within your theme』s settings.

Featured Image Widget

The Featured Image widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post』s featured image.

Content

Image

Choose Image: Featured Image is the only option (see note below).Image Size: Select the size of the image, from thumbnail to full, or enter a custom sizeAlignment: Align the image to the left, center, or rightCaption: Enter text to be included as a caption under every Featured Image. Note that the same caption will be displayed under each. This is not dynamic.Link to: Choose to link the image to None, Media File, or Custom URL. If Media File is chosen, you have the option to choose to use the Lightbox or not. If Custom URL is chosen, you can either input a URL, or more appropriately, select the  icon to choose a dynamic URL such as the Post URL.

Note: If you click 「Featured Image」, a window will pop up to allow you to choose a Fallback Image in the event that a Featured Image does not exist.

Style

Image

Width: Set the width of the imageMax Width: Set the maximum width of the image as a percentageOpacity: Control the opacity of the imageCSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settingsBorder Type: Select the type of borderBorder Radius: Set the border radius to control corner roundnessBox Shadow: Adjust box shadow options

When setting the Hover state, two new options appear:

Transition Duration: Set the duration time in milliseconds for the hover effectHover Animation: Choose the hover animation for the image

Read the tutorial showing how to Create a Single Post Template

Price Table (Pro)

The Price Table widget allows you to create stylish, advanced price tables that display your products or services.

Content

Header

Title: Enter the title of the specific price planSubtitle: Enter the subtitle that appears below the main titleHeading Tag: Set the Header』s Title tag, choosing from H2 – H6

Pricing

Currency Symbol: Switch between the main currencies, or choose a custom symbolPrice: Set the exact pricing of your product or service, including centsCurrency Format: Choose the thousands separator formatSale: Display the original price with a strikethrough and the new sale pricePeriod: Enter text for the period of time for each payment that appears under the price

Features

List Items

A list of all the features you are offering. You can drag and drop them to change their order. Click on the Add Item button to add another item to the list.

Tip: Quickly duplicate or delete items by clicking an item』s Duplicate or Delete icon 

By clicking on each item you can customize their content and settings, which are:

Text: Enter the description of the featureIcon: Choose from a list of Font Awesome iconsIcon Color: Choose a color for the icon

Footer

Button Text: Write the text that will appear for the buttonLink: Enter the URL for the item』s link. Click the Link Options cog to either add rel=nofollow to the link or to open the link in a new window.Additional Info: Include a line of additional info below the button

Ribbon

Show: Show or hide a corner ribbonTitle: Enter the text to be displayed on the ribbonHorizontal Position: Display the ribbon on the top left or top right of the pricing table

Style

Header

Background Color: Choose the background color for the top section of the widgetPadding: Choose the padding for the heading

Title

Color: Choose any color for the main titleTypography: Change the title typography

Sub Title

Color: Choose any color for the main titleTypography: Change the title typography

Pricing

Background Color: Choose a background color for the pricing areaPadding: Change the padding of the pricing areaColor: Choose the color of the priceTypography: Set the typography options for the pricing area

Currency Symbol

Size:  Change the size of the currency symbolPosition: Display the currency symbol to the left or right of the priceVertical Position: Set the currency symbol to display at the top, middle or bottom of the price

Fractional part

Size: Set the size of the fractional part of the priceVertical Position: Set the fractional part to display at the top, middle or bottom of the price

Period

Color: Choose the color of the text of the time periodTypography: Set the typography options for the text of the time periodPosition: Set the time period below or beside the price

Features

Background Color: Choose the background color of the features listPadding: Customize the padding of the features listColor: Choose the color of the features list textTypography: Set the typography options for the features list textAlignment: Align the list to the right, left or centerWidth: Set the width of the features list

Divider

Style: Choose the features list divider style, from solid, dotted, double or dashedColor: Choose the color of the dividerWeight: Set the thickness of the dividerWidth: Set the width of the dividerGap: Set the distance between the divider and the feature item

Footer

Background Color: Choose the background color of the footer areaPadding: Set the padding of the footer area

Button

Size: Choose from 5 button sizesText Color: Choose the color of the button』s textTypography: Set the typography options for the button』s textBackground Color: Choose the background color of the buttonBorder Type: Select the border type, from none, solid, double, dotted, dashed, or groovedBorder Radius: Set the border radius of the button to control corner roundnessText Padding: Set the distance between the button text and the border

Ribbon

Background Color: Choose the background color of the ribbonDistance: Control the distance between the ribbon and the cornerText Color: Choose the color of the ribbon』s textTypography: Set the typography options for the ribbon』s textBox Shadow: Add a box shadow effect to the ribbon

Advanced

Set the Advanced options that are applicable to this widget

Post Info Widget

The Post Info widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post』s meta data, such as author, date, time, and comments.

Content

Meta Data

Layout: Choose to display the post info items vertically or horizontally.

The next options are displayed as a list of all the available meta data. You can drag and drop them to change their order. Click on the Add Item button to add a custom post info meta item to the list.

Tip: Quickly duplicate or delete items by clicking an item』s Duplicate or Delete icon. 

By clicking on each item you can customize its content and settings, which are:

Author

Type: Change the type of item from Author to Date, Time, Comments, Terms, or CustomBefore: Enter text to be displayed before the AuthorAvatar: Set to YES to display the Author』s avatar next to the Author』s nameLink: Set to YES to link to the Author』s archiveIcon: Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Date

Type: Change the type of item from Date to Author, Time, Comments, Terms, or CustomDate Format: Select from several date formats, or choose Custom to format your ownBefore: Enter text to be displayed before the DateLink: Set to YES to link to that Date』s archiveIcon:  Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Time

Type: Change the type of item from Time to Author, Date, Comments, Terms, or CustomTime Format: Select from several time formats, or choose Custom to format your ownBefore: Enter text to be displayed before the TimeIcon: Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Comments

Type: Change the type of item from Comments to Author, Date, Time, Terms, or CustomBefore: Enter text to be displayed before the CommentsCustom Format: Set to YES to change the phrasing for No Comments, One Comment, etc.Link: Set to YES to link to the comment form for the current postIcon: Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Style

List

Space Between: Adjust the space between each post info itemAlignment: Align the list of post info items left, center, or rightDivider: Set ON to add a divider line between each post info item.

If Divider is set to ON, the following options become available:

Divider

Style: Select solid, double, dotted or dashedWeight: Set the divider』s weightHeight: Set the divider』s heightColor: Choose the divider』s color

Icon

Color: Choose the color of the post info iconSize: Set the size of the post info icon

Text

Text Indent: Set the amount of space the text is indented from the iconText Color: Choose the color of the textTypography: Set the typography options for the text

Read the tutorial showing how to Create a Single Post Template

How To Become A Beta Tester

Being a beta tester will keep you on the cutting edge of our releases, and help us monitor and fix possible bugs whenever we release a new beta version. 

Beta testers enable us to test the compatibility of the upcoming versions in a variety of hosting configurations. Each beta tester will be running under a unique server setup, with varied combinations of plugins, themes, and custom code, all of which helps us understand which types of configurations may present issues that we can resolve before release. 

Beta testing is especially useful for website developers & designers, as well as plugin developers, as they are able to test the compatibility of their plugin or website with the upcoming version of  Elementor.  

Beta user feedback plays an important role in our ability to improve Elementor.  Feedback about any Issues should be reported in the relevant Github thread.

Important! We recommend only beta testing on a development or staging site, as beta versions are not stable and may break a live production site.

How To Enable Beta Testing Mode

Go to Elementor > Tools > Version Control and look for the section labeled Become A Better TesterBeta Tester: Select Enable to be notified whenever a new beta version of Elementor or Elementor Pro has been released. After enabling, go to Dashboard > Updates and click the Check Again button to make the latest beta version available to you. All subsequent beta update notifications will show up on the Plugins admin page as normal. 

Note: The Beta version will not install automatically. You always have the option to ignore the update notification.

How To Create A Login Form Popup

Create a login form popup with a slider background.

You』ll learn how to:

Click a button to open a Login form popupUse slides as a background for the popupRedirect the user to her dashboard when closing the popup

Design The Popup And Its Content

Go to Templates > Popups > Add New and give your new Popup a name. (An alternative method is to press CMD+E or CTRL+E to open Finder, search for Popup, choose Add New Popup, and give it a name.)Choose a pre-designed Popup template or close the Library overlay and design your Popup from scratch. For this example, we』ll design our own.

Popup > Layout Tab

Custom Width: Set to 300pxHeight: Select CustomCustom Height: Set to 600pxOverlay: Set to Hide

Popup > Advanced Tab

Prevent Closing On Overlay: Set to Yes

Content

Section 1:

Layout Tab

Minimum Height: Set to 600 pxNow add a Heading and Login Widget to the section. Adjust the heading content and style as needed.In the Login Widget > Content > Additional Options > Redirect After Login: Set to On and enter the URL of the page to redirect the user to

Section 2:

Layout Tab

Minimum Height: Set to 600 px

Slides Widget > Layout Tab

Height: Set to 600pxImages > For each image of the slide, repeat the following four option changes:Image: Choose an imageSize: Choose CoverKen Burns Effect: Set to YesZoom Direction: Set to In

Now let』s place the two sections one on top of the other.

Section 2 > Margin > Top: -600 px (negative 600)Section 1 > Z-Index: 1

Publish The Popup

Click the Publish button. There are no Conditions, Triggers, or Advanced Rules for this popup, so click the Save and Close button.

Control The Popup

Edit the page that contains the Login button.Edit the Login button. If you haven』t already created a button, you can do so now. Edit its text and typography as needed.

Button Widget > Content

Button > Link: Click the Dynamic icon and under Actions, choose PopupClick Popup again and select Toggle Popup.Now in the Popup field, start typing to search for the Login widget you just created.Click the Update button.

Popup > Advanced Tab

Prevent Closing On Overlay: Set to Yes

All done. Visit the page with the Login button on it as a normal visitor (not logged in). Click the Login button. If you fill out the form and successfully login, you』ll be redirected to the page you』ve designated as your dashboard. If you choose to close the popup instead of logging in, click the Login button again to toggle/close the popup.