Avada Theme: A Comprehensive, Objective Review

Although we are now living in the theme builder era whereby you can customize every single part of your WordPress site without coding, themes still have their own place (read: WordPress Theme vs Theme Builder). The fact is that most prominent WordPress themes now come with a theme builder feature to offer limitless customization options. Avada is one of WordPress themes that comes with a built-in theme builder feature — as well as a page builder feature. We have given the Avada theme a try and explored its built-in features and will show you in this post shortly.

The key features Avada offers include page builder, theme builder (although it doesn’t specifically call the feature “theme builder”), form builder, popup builder, WooCommerce builder, and premade websites. Read on to learn more.

Avada Theme: A Brief Intro

Avada — developed by ThemeFusion — is one of the most popular premium (paid) WordPress themes which is marketed exclusively via ThemeForest. Its concept is pretty similar to Divi whereby it includes a page builder — called Avada Live — as its built-in feature. You can use the feature to create the stunning static pages on your WordPress site. Just like other page builders Elementor and Divi Builder, Avada Live also offers a live editing experience with tens of design elements you can add to your page.

What set Avada apart from these days’ themes is that it doesn’t require a subscription fee. Instead, you only need to spend money once upon the theme purchase. The theme is available at $60. In addition to its built-in features, the price includes third-party premium plugins bundle and lifetime theme updates (theme updates, not technical support). Avada is by far the most selling WordPress theme on ThemeForest with over 700,000 sales.

Avada is a great fit if you want to develop a single website and don’t want to spend money on a yearly basis for theme updates, which is required if you use Divi and most premium themes nowadays.

A little note. Avada will replace the WordPress default editor (Gutenberg) upon activation with its page builder on all content creation areas, including blog post. You can disable it via theme options screen if you want to keep using Gutenberg on blog post creation.

Avada Theme: Built-in Features

1. Page Builder

You can play the video above to learn the interface of Avada Live.

As said earlier, Avada theme comes with a built-in page builder called Avada Live. Same as Divi Builder (the built-in page builder of the Divi Theme), Avada Live is also an integral part of the Avada theme. However, you need to activate the required plugins in order to make it work properly. The required plugins are Avada Core and Avada Builder. The two are included in the theme bundle. As you can see on the video above, the built-in page builder offers a live editing experience to help you create beautiful pages the modern way. The responsive editing feature ensures the page you are editing looks nice on every device.

You might have a question in mind. What is the difference between Avada Live and Avada Builder? It’s quite confusing indeed.

Avada Builder is a wireframe editor you can access from back-end. It allows you to build the page layout and add the content by easily dragging and dropping the elements to the columns of the page layout. Avada Live, meanwhile, is the front-end editor that offers a live editing experience. Every change you make is applied in real-time. Avada Live can’t work alone. It requires Avada Builder to work.

In other words, Avada Builder is required to create the page layout while Avada Live adds a live editing experience. The combination of the two offers a modern page editing experience just like Elementor and Divi Builder.

The built-in page builder comes with about 88 design elements (including WooCommerce elements):

AlertMenuToggles
AudioMenu AnchorTooltip
Avada FormModalTwitter Timeline
Avada SliderModal Text/HTML LinkUser Login
BlogNews TickerUser Lost Password
BreadcrumbsOne Page Text LinkUser Register
ButtonPersonVideo
ChartPopoverViews Counter
ChecklistPortfolioVimeo
Code BlockPost CardsWidget
Content BoxesPost SliderWidget Area
CountdownPricing TableWoo Cart Coupons
Counter BoxesProgress BarWoo Cart Shipping
Counter CirclesRecent PostsWoo Cart Table
DropcapScroll ProgressWoo Cart Totals
Facebook PageSearchWoo Checkout Billing
FAQSection SeparatorWoo Checkout Order Review
FlickrSeparatorWoo Checkout Payment
Flip BoxesSocial LinksWoo Checkout Shipping
GallerySocial SharingWoo Checkout Tabs
Google MapSoundcloudWoo Featured Products Slider
HighlightStar RatingWoo Notices
IconSyntax HighlighterWoo Product Carousel
ImageTableWoo Product Grid
Image Before & AfterTabsWoo Shortcode
Image CarouselTag CloudWoo Sorting
Image HotspotsTagline BoxWoo Up/Cross-sells
LightboxTestimonialsYouTube
Lottie AnimationText Block
Media SliderTitle

In addition to design elements above, you will also get the following features when editing a page:

— Global Settings

Global settings allow you to work smartly and more efficiently. The feature is especially useful if you always start your website project by creating the design system. You can define everything upfront before you start creating the pages and other elements of your website. From colors to typography settings (font size, style, font family, etc).

With global settings, you can apply a certain change to multiple elements at once. For instance, you can change the colors of header, background, and font at once from the global settings panel — as long as the elements you want to change the colors of use a global color. Global settings are a common feature on page builders. Elementor and Divi Builder also have the feature.

The global settings you can set on Avada include:

  • Colors
  • Typography
  • Layout

You can define the global settings via theme panel.

— Responsive Editing

Responsive editing is another common feature offered by page builder plugins. With the feature, you can make sure the page you are creating looks nice on every device type (desktop, tablet, and smartphone) by using custom settings on certain elements (e.g., margin and padding). You can also hide unnecessary elements on certain device types. Thanks to the feature, you can also implement the mobile-first web development in case your target audience is smartphone users.

In Avada Live, you can use a different setting for each device type by clicking the device icon on the associated setting.

— Dynamic Content

WordPress comes with some default dynamic content that you can use on your designs (page or site parts — header, footer, etc.). Featured image, post title, and post meta are examples of the default dynamic content of WordPress.

The ability to add dynamic content is crucial to create a dynamic website with WordPress. Be it a blog, listing site, or e-commerce. Thankfully, Avada Live supports dynamic content to allow you to display the dynamic content to any area you like. The dynamic content types supported by Avada Live include:

  • Post featured image
  • Site logo
  • Author ava
  • Site title
  • Site tagline
  • Page title
  • Post excerpt
  • Post meta (date, time, etc.)
  • Author name
  • Author Description

And several other dynamic content types.

In addition to the default dynamic content, Avada also allows you to add custom fields. We have tested displaying custom fields created with ACF and worked perfectly.

— Image Masking

The image masking feature allows to turn an image into a unique shape. It works by adding a foreground layer to the image to cover some portions of the image.

Avada offers 18 default mask shapes and you can add a custom mask to create a unique image masking. You can use an SVG or PNG file to add a custom mask.

— Animation Effects

First impression is crucial for new visitors. You can attract your new visitors’ attention by applying animation effects to some areas of your website. Avada Live comes with some built-in animation effects which you can add to the elements of the page you are editing. The animation effect types offered by Avada Live are:

  • Entrance animation
  • Hover effect for image and column

— Display Condition for Columns

Display condition is a feature that allows you to show/hide an element based on certain criteria. With this feature, you can show an element only to a specific audience (e.g., those who access your website from smartphone). Avada Live comes with this feature. Unfortunately, the feature is currently only applicable to columns. As a comparison, the same feature is applicable to rows, columns, and modules in Divi Builder.

The display condition feature of Avada Live allows you to show/hide a column based on the following parameters:

  • Device type
  • Variable
  • User agent (web browser)
  • User role
  • User state (logged in/logged out)
  • Custom field
  • Cart status
  • Sale status
  • Stock quantity

If you want to use Avada to create an e-commerce website, the last three parameters will be useful.

2. Theme Builder

As stated in the opening section, a theme builder allows you to customize every single part of your WordPress site without coding skills required. Elementor, Divi Builder, to Brizy have this feature to give limitless customization options over your website.

Avada also offers the same feature although it doesn’t explicitly mention the feature as “theme builder”. Instead, it uses the term “layout builder”. The Layout Builder feature of Avada has precisely the same function as Elementor Theme Builder and Divi Theme Builder whereby it allows you to create custom templates for theme parts such as header, footer, archive pages, single post, single page, to 404 page. The custom templates you created can be edited using Avada Live.

The custom templates can be used on the entire website (as global templates) or specific areas. For instance, you can assign a particular single post template to posts under a category or tag.

If you use WooCommerce, you can also use the feature to create custom template for single product and product archive pages. Furthermore, you can also create a custom template for a custom post type.

With the fact that Avada Live supports custom fields, the Layout Builder feature allows you to go beyond.

3. Popup Builder

Want to create a popup on your website? If you use Avada theme, you don’t need to install an extra popup builder plugin as Avada already has a built-in popup builder feature. Same as the theme builder above, Avada doesn’t use the term “popup builder”. Instead, it uses the term “off canvas”. The point is that the feature allows you to create popups on your website. The popup can be created using either Avada Builder or Avada Live.

In addition to popups, you can also use the feature to create sliding bars (useful to create an off-canvas menu).

The Off Canvas Builder of Avada comes with a wide range of features, including display conditions to allow you to set where the off canvas to appear, trigger type to set when the off canvas to appear, to ability to customize the off canvas elements (close button, overlay, etc.)

4. Form Builder

Form is one of the online marketing tools. You can use a form to collect email addresses of your visitors or other types of data according to your needs. Avada comes with a built-in form builder feature to allow you to create forms on your website. You can use it whether to create a contact form or email opt-in form. You can integrate your form with Mailchimp and HubSpot. You can also edit your form with Avada Live so that you can create a stunning form.

The Form Builder feature of Avada supports the following actions:

  • Save to database
  • Send to URL (you can select this option to send form submissions to a form backend service like Getform, Formcarry, and Formspree
  • Send to email
  • Save to database and send to email

If you prefer to save the form submissions to database, Avada has provided you with a submission manager to manage the submissions.

Furthermore, Avada also allows you to display the form to logged users only based on their user roles.

While the form builder feature is useful enough, it has drawbacks on third-party service integrations. Currently, you can only integrate your form with Mailchimp and HubSpot (read: MailChimp alternatives for WordPress).

The form builder of Avada supports the following field types:

  • Checkbox
  • Date
  • Email
  • Hidden
  • Honeypot
  • Image Select
  • Notice
  • Number
  • Password
  • Phone Number
  • Radio
  • Range
  • Rating
  • reCAPTCHA\Select
  • Text
  • Text Area
  • Time
  • Upload

5. Premium Plugins Bundle

Another good news you might be excited about is that Avada is bundled with several premium WordPress plugins. After installing and activating the Avada theme, you can go to its theme panel to install the following plugins:

  • Slider Revolution ($85)
  • LayerSlider ($23/year)
  • Convert Plus ($23)
  • FileBird ($39)
  • The Events Calendar
  • ACF Pro ($49/year)

Unfortunately, not all plugins really give you access to their premium features. Slider Revolution, for instance, doesn’t allow you to access its premade templates if you don’t register to premium version. So does Convert Plus. The plugin doesn’t even allow you to integrate your form with any email marketing service. So basically, installing and activating this plugin is useless.

Two premium plugins that are fully functional are FileBird and ACF Pro.

6. Font Awesome Integration

The use of icons is very common in today’s age. You can add an icon on any element on your pages. From buttons, lists, etc. Font Awesome is a font vendor widely used by page builders. The built-in Font Awesome integration in Avada allows you to use icons from Font Awesome. The icon collections are divided into three subsets:

  • Brands
  • Regular
  • Solid

If you have a Font Awesome Pro account, you can unlock the Light subset as well.

Avada also makes it possible if you want to use your own icon set.

7. Custom Fonts

Just like most WordPress themes and page builder plugins, Avada also makes use of Google Fonts to provide users with font family collections. You can use popular free font families like Roboto, Montserrat, etc. Want to use a custom font instead? You can also do so in Avada. You can use font formats like WOFF, TTF, EOT, to SVG for your custom font.

Until version 7.6.1, Avada hasn’t supported integration with Adobe Fonts yet. If you want to use a font from Adobe Fonts, you need to download it first and then upload it via theme panel of Avada.

8. Custom Branding/White Label

Custom branding is crucial if you are a web agency who develops and manages websites for clients. Avada, same as Jupiter, comes with a custom branding to allow you to remove all Avada’s attributes from the WordPress dashboard and replace them with your company’s attributes. Also, the feature makes it possible for you to remove the WordPress’ attributes from the dashboard. Furthermore, you can also rename the menu labels on the WordPress dashboard.

Want to customize the login page? It is also possible in Avada. You can set things like background color, background image, logo, disable lost password link, and so on.

To be able to use the custom branding feature of Avada, you need to install the Avada Custom Branding plugin first. The plugin is included in the theme bundle. You can install and activate it via Avada theme panel.

9. Premade Websites

Most premium WordPress themes — including Jupiter and Newspaper — offer premade websites to allow you to get a website done more quickly. A premade website consists of pages, posts, custom templates, and other required elements (including demo content such as blog posts, project pages, etc.,). In Avada, you can import a premade website with just a few clicks. The rest is Avada’s turn.

Once the importing process is done, you can tailor the default content by replacing it with your own content. There are over 80 premade websites offered by Avada you can choose from. Before importing a premade, you can preview it first.

The Verdict – Avada Theme Review

Avada is one of the most popular paid WordPress themes. It is a multipurpose theme. Meaning that Avada is not designed specifically for a specific website type. You can use Avada to create any type of website. From blogs, e-commerce sites, to listing sites. Unlike some themes that rely on Elementor, Visual Composer, to Gutenberg, Avada comes with its own page builder aimed at making it easier to create pages.

An important thing to note. Avada will disable Gutenberg (the default editor of WordPress) upon activation. So, if you still want to use Gutenberg (to create blog posts, for instance), you need to change the default settings right after activating the theme.

Avada is a great fit for a single project, especially if you hate the subscription-based payment model adopted by most WordPress themes these days. You only need to spend $60 once upfront and can use the theme as long as you need it. More importantly, you will always have access to a newer version when available.

Avada is bundled with several paid WordPress themes, including FileBird, ACF (Advanced Custom Fields) Pro, to Slider Revolution — although not all of these plugins give access to their premium features.

The premade websites offered by Avada will make it easier for you to get a website done.

Here are the key features offered by Avada, as we have elaborated above:

  • Page Builder
  • Theme Builder
  • WooCommerce Builder
  • Popup Builder
  • Form Builder
  • Premium Plugins Bundle
  • Font Awesome Integration
  • Custom Fonts
  • Custom Branding/White Label
  • Premade Websites

Avada Pros:

  • Comprehensive features
  • One-time purchase
  • Lifetime access to new updates
  • Custom branding

Avada Cons:

  • Requires plugins to use page builder
  • Several premium plugins in the bundle are useless
  • Lack of email marketing integrations

Bluehost Managed WordPress Hosting: An Objective Review

Looking for a new hosting for your website? If your website is built with WordPress, you can consider using a managed WordPress hosting service. Bluehost is one of the prominent web hosting providers that offers a managed WordPress hosting service. In this post, we will show you the overview of the managed WordPress hosting service from Bluehost — as well as a brief review about it.

What is a managed WordPress hosting, by the way?

In case you haven’t heard about it. A managed WordPress hosting is a type of hosting service whereby the resources are optimized for WordPress. These include server configuration, software configuration (PHP in particular), and other technical aspects related to website operation. In most cases, a managed WordPress hosting service also offers features like routine backups, WordPress updates, plugin updates, security, and so on. Here are the common features offered by a managed WordPress hosting service:

  • WordPress-optimized resources
  • Software updates (WordPress core, plugins)
  • Staging environment
  • Caching
  • Backup
  • Security

Using a managed WordPress hosting is especially great if you want to focus on your business growth as you can put more focus on marketing, content creation, and other aspects related to business growth.

Bluehost Managed WordPress Hosting: Features

Bluehost divides its managed WordPress hosting service into three plans:

  • Build
  • Grow
  • Scale

The main features included in each plan are similar, but there are some differences in the detailed specs. For instance, the Build plan (the lowest plan) offers only 20 GB of storage space, while the Grow plan (the middle plan) offers 40 GB of storage space. The higher the plan, the higher the specs you will get as well.

Here are the main features and specs offered by Bluehost managed WordPress hosting.

Bluehost Managed WordPress Hosting: Features

You can click the button above to learn the main features offered by Bluehost on its managed WordPress hosting service. Bluehost itself uses third-party services for certain features. For instance, Bluehost uses a service from CodeGuard for its backup feature. While for malware protection, SiteGround uses a service from SiteLock.

Here are the main features offered by Bluehost managed WordPress hosting.

1. File Access

File access is a crucial feature you need to notice before subscribing to a certain web hosting service. Without the feature, you won’t be able to access the files of your WordPress site. You need a file access feature to make certain changes to a file (e.g., wp-config.php), to perform a manual backup, to verify site ownership on Google Search Console, and so on.

The managed WordPress hosting service from Bluehost comes with a file manager to allow you to access your site files. You can access the feature from the Settings menu inside Bluehost admin panel. Bluehost uses cPanel for this feature.

In addition to file manager, Bluehost also offers SSH which you can use to access your files. Bluehost offers no FTP.

2. Database Access

Database access is another crucial feature you need to notice before you subscribe to a certain web hosting plan. The feature allows you to make a certain change to a table on your database. Also, it allows you to perform a manual backup. Bluehost allows you to access your site database via PhpMyAdmin. You can also access the database by clicking the Settings menu on the Bluehost admin panel.

3. Jetpack Integration

Jetpack is a WordPress plugin from Automattic. It offers a wide range of services. From analytics, security, CRM, and so on. The managed WordPress hosting service from Bluehost is bundled with Jetpack. The service types you get varied depending on the plan you subscribe to. If you use the Build plan (the lowest plan), you will only have access to the analytics service of Jetpack. You can access the analytics whether via your WordPress dashboard or Bluehost admin panel.

4. SiteLock Integration for Malware Protection

When you use Bluehost managed WordPress hosting, your website is protected from malware by SiteLock.

SiteLock itself is an online security service. The integration with it will add an extra security layer to your website. The service performs malware scanning on a daily basis. You can login to the SiteLock dashboard to view the scanning results. No need to create a SiteLock account to enable the feature. Bluehost will set everything.

5. CodeGuard Integration for Routine Backups

The managed WordPress hosting from Bluehost is integrated with CodeGuard for the routine backups. Your website is backed up on a daily basis, but you can also set a different backup frequency if you want it. The service backs up both the WordPress files and database. The lowest plan offers 1 GB backup storage. No extra plugin is needed to use the CodeGuard service.

6. Cloudflare Integration for Site Performance

You might have heard about Cloudflare, a prominent CDN and caching service. The managed WordPress hosting service from Bluehost is integrated with Cloudflare (the free version) to bring a faster loading to your website. You don’t need to make any setting to integrate your website with Cloudflare. Bluehost does it for you. You can set the caching setting according to the type of website you have on Bluehost. Whether it is an e-commerce site, blog, or a portfolio website.

7. Other Features

In addition to the features above, the managed WordPress hosting from Bluehost also offers the following features:

  • SSL
  • Staging environment
  • Software updates (WordPress core and plugins)
  • CDN

Bluehost Managed WordPress Hosting: Performance Test

Testing a WordPress-based website performance involves many things. From plugins used, theme used, the internet speed on the tester side, to hosting service. We tested the performance of Bluehost managed WordPress hosting on a website with the following specs:

  • Theme: Hello
  • Active plugins: Elementor, Jetpack, Akismet, Bluehost

We used GTmetrix Grade to test the performance and here is the result.

Generated metrics:

  • First Contentful Paint: 513 ms
  • Speed Index: 751 ms
  • Largest Contentful Paint: 791 ms
  • Time to Interactive: 513 ms
  • Total Blocking Time: 0 ms
  • Cumulative Layout Shift: 0

The Bottom Line

Bluehost is one of the most prominent, trusted web hosting providers used by bloggers, e-commerce businesses, and other types of websites. It is one of the web hosting services recommended by WordPress.org and Elementor. Its managed WordPress hosting service can be an option if you want to make a hosting migration or want to create a new website. The Bluehost managed WordPress hosting service allows you to put more focus on your business growth as you don’t need to take care of technical aspects related to site maintenance yourself. Bluehost does.

The managed WordPress hosting service from Bluehost is bundled with third-party services and tools like Jetpack, CodeGuard, SiteLock, and Cloudflare. Essential features like file access dan database access are available.

You can only install a single WordPress website on a Bluehost account. SiteGround, as a comparison, allows you to install multiple WordPress sites on your account (depending on the plan you use). If you put an emphasis on performance/speed, Bluehost is a great option. As you can see on the screenshot above, Bluehost earned the score of 99% on GTmetrix. Bluehost also has responsive technical support. Be it on Twitter or live chat on its website.

5 Best Marketing Agency Elementor Template Kits

Marketing is a vital element of a business. Instead of forming a dedicated, capable marketing team, some businesses prefer to use marketing services from an agency. This opens another business opportunity: marketing agency. In today’s age, most marketing agencies use the internet to promote their services. One asset you need to have if you want to use the internet to market your marketing agency business is a website. Elementor is a great tool to create a website. Its intuitive editor is irreplicable when it comes to website creation experience.

Elementor doesn’t require web programming knowledge to use. In other words, you can create a website using it even if you have no programming knowledge at all. On top of that, Elementor comes with tons of pre-made templates to eliminate the mandatory of creating a website from scratch.

If you are looking to create a marketing agency website with Elementor and want to start from a template kit instead of from scratch, here are the best template kits you can consider.

Best Marketing Agency Elementor Template Kits

1. Yeasty

Yeasty is the first Elementor template kit we recommend if you want to create a website for your marketing agency business. The template kit comes with the essential page templates for your website such the homepage, about page, contact, services page, pricing page, and so on. The homepage template offered by Yeasty already contains the necessary sections including the marketing service types you offer, pricing table, testimonials from clients, and so on. You have three homepage layouts to choose from.

In addition to the static page templates mentioned above, Yeasty also offers custom templates for your site parts such as header, footer, 404 page, to single post layout. Some animation effects applied to the pages will make your website look more appealing.

2. Moiz

WordPress has two customization features to allow you to add a new functionality to your website: custom post type and custom field. With custom post type, you can add a new content type on your WordPress site outside blog post and page. While custom field allows you to add custom fields to a certain content type (be it default content type or custom post type). The theme builder feature of Elementor Pro allows you to create custom templates for custom post type. Moiz is a template kit that comes with a custom template for a custom post type (project).

There are two custom templates offered by Moiz designed for custom post type. One for the single custom post type and another for archive page of the custom template. In addition to these templates, Moiz also comes with other templates, of course. Be it page templates or custom templates for site parts. There are 17 templates included in the kit in total.

  • Price: $29
  • Dependency: Elementor Pro
  • Rating: 4.4 out of 5 stars (4.4 / 5)

3. Pejwan

If your marketing agency has a specialty in SEO then Pejwan is a great fit. The demo content of the page templates — as well as the icons — contain text related to SEO. But you can also tailor the content if you have a marketing agency that serves other marketing types. Pejwan includes 10 templates on the kit. In addition to page templates like homepage, about page, etc., — the kit also includes custom templates for theme parts such as header and footer.

  • Price: $29
  • Dependency: Elementor Pro
  • Rating: 4.4 out of 5 stars (4.4 / 5)

4. SMAgency

SMAgency uses a video element on the hero section of its templates. You can find the video on the homepage, about page, team page, to contact page. If it is something you like, then SMAgency is a great fit. SMAgency is not designed specifically for a certain marketing service like Pejwan above. It is a great option if your marketing agency serves a wide range of marketing services for clients. SMAagency includes all the necessary pages for your website. From the homepage, about page, and so on. It also includes custom templates for theme parts, including header and footer. The header template offered by the template kit applies the sticky style.

5. MarkUP

MarkUP is an Elementor template kit that has a modern design. It uses orange as the base color. Just like other template kits above, MarkUP is also designed specifically to create a website of marketing agency. So, if you plan to create a website for your marketing agency business using Elementor, this template kit is worth considering. All elements included on the templates are already available on Elementor (Free and Pro). You don’t need to install an extra add-on to import all templates. MarkUP itself includes 10 templates you can import to your website. From the static pages to custom templates for header and footer.

  • Price: $29
  • Dependency: Elementor Pro
  • Rating: 4.6 out of 5 stars (4.6 / 5)

The Bottom Line

Elementor is the most popular page builder plugin for WordPress. What sets it apart from other similar plugins is that it has a very open ecosystem to allow third-party developers and designers to get involved. In addition to allowing third-party developers to develop add-ons, Elementor also allows third-party designers to design templates. Be it template kits, individual landing pages, and so on. With templates, you can get a website done more quickly rather than creating your website from scratch.

In the context of Elementor, a template kit is a set of templates created with the same design concept — aimed specifically at a certain website type. All template kits we mentioned above are designed specifically for marketing agency businesses. So, if you have a marketing agency business and want to create a website for it, then the template kits above are worth considering. If you are new to Elementor, you can read our previous article to learn how to use Elementor.

How to Add a Link to a Column in Elementor (without Add-on)

For a certain reason, you might want to add a link to a column in Elementor. For instance, you are designing a call-to-action on a page and want all elements on the column associated with the call-to-action point to the same link. Instead of adding the links to each element one by one, it would a great idea to add the link to the column. Unfortunately, Elementor has no default option to add a link to a column (or section). Link can only be added to a widget.

If you want to add a link to a column in Elementor, there are at least two ways to do so. First, you can use an Add-on. Second, you can use custom CSS. This article will show you the second method. If you prefer to use an add-on, one of the add-ons that you can use is Happy Addons. The add-on comes with a wrapper link feature to allow you to add a link to both column and section.

To be able to apply this method, you need to use Elementor Pro as the custom CSS feature is only available on the pro version. Once you are ready, select a column where you want to add the column to and edit it.

Go to the Advanced tab on the settings panel and add the CSS class clickable to the CSS Classes field under the Advanced settings block.

Next, open the Custom CSS block and paste the following CSS snippet.

The CSS snippet.

.clickable {
position: relative;
}
.clickable a:after {
content: "";
display: block !IMPORTANT;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}

In order to make the CSS above work, you need to have at least one clickable widget within the column. You can use any widget. From Image, Text, Heading, Button, to HTML widget. If you want to use a Heading widget, for instance, you can simply add the link to the Link field.

The CSS above works by taking the available link on the column and creating a clickable overlay over the entire column.

How to Deactivate a WordPress Plugin If You Can’t Login to Dashboard

When your WordPress website is experiencing an error, the very first thing you can do to troubleshoot is by finding the error cause. One of the possible error causes is plugin incompatibility. In such as a case, you can find out which plugin caused the error by temporarily deactivating them one by one. But, what if you can’t login to the WordPress dashboard?

To deactivate a certain WordPress plugin, you usually login to the dashboard and go to the plugin managed screen (Plugins -> Installed Plugins). From here, you can simply click the Deactivate link on the plugin you want to deactivate. There is an alternative way to deactivate a WordPress plugin if you can’t login to the dashboard: by renaming the folder of the plugin.

To be able to rename the folder of the plugin, you need to have access to the file manager on your web hosting service. The methods to access the file manager are varied, depending on the web hosting service you use. If you use a web hosting service that offers cPanel, you can login to cPanel and click the File Manager menu under the Files section.

Click public_html and select a folder associated with your website (if you have multiple websites on your account). Go to wp-content/plugins and find the folder of the plugin you want to deactivate. Right-click and select Rename to rename the folder. You can rename the folder to something like “plugin-disable”.

To reactivate the plugin, you can simply revert the folder name to the original name.

Accessing File Manager on Bluehost Managed WordPress Hosting

If you use the managed WordPress hosting service from Bluehost and want to access file manager, first, login to Bluehost with your account and click the Manage site button to manage your site.

Click the Settings tab and scroll down to the Advanced section. Click the View button on File Manager to open file manager.

Pin It on Pinterest

Creating with WordPress?‚Äč

Subscribe and join 1,000+ WordPress users receiving tips and insights on creating with WordPress in the no-code era. At WP Pagebuilders, we write about the following topics a lot.