Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 57,642 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22303 comments found.

There isn’t a label or field to add alt text to the image tab within the Feature Box element.

Can you add that in the next version?

I ask because WPML will not auto translate the Media alt text unless you have an alt text label/field within the element, similar to how you have it on the Image element and the Teaser Box element.

Hi,

Ah, I think I know the issue…The Icon Box actually has 2 ways of displaying images. So if you are not cropping the image (the “Crop Image” on off switch is off). The theme actually just locates the image URL and creates it’s own HTML. Which means I need to add the extra check for WPML into here as well.

I am fixing it right now. I have to release a 6.0.1 update because WPBakery released an update literally the day after I released 6.0 and it has a couple fixes also the new WP version introduces a debug error which needs fixing. I plan to push the update out either today or tomorrow.

Thank you again for reporting the issue and sorry for the troubles. There are so many elements and settings it’s easy to forget about something!

- AJ

No worries man. I appreciate the care you put into the theme and your support. Thank YOU

Was waiting for the official WPBakery 8.0.1 update so I could push it out with the Total patch, so I didn’t update over the weekend. But will push out the patch today now that I can.

Hi AJ,

Looking forward to Total 6 :)

Can you tell me how I can get the flex container items to align with the main container here – https://total.style960.com/

The dynamic template is added as a custom action to hook_footer_after

Thanks, Paul.

Hi,

Wrap your template in a div with the container class like this:

<div class="container">Shortcode or anything else here</div>

But I would recommend instead going to Theme Panel > Footer Builder and just creating your full custom footer there and disabling the Footer Widgets. This will slim down the customizer because you won’t have extra settings for Footer widgets, slim down the widgets panel and give you full control of the footer without having to use action hooks.

- AJ

Perfect thank you.

Hi AJ,

Wondering if you are aware of this WooCommerce template warning:

Total/woocommerce/loop/pagination.php version 3.3.1 is out of date. The core version is 9.3.0,

Best, Gilles

Hi Gilles,

I already addressed this in the upcoming 6.0 version to be released today – https://totalwptheme.com/docs/upcoming-update-changelog/

The only change WooCommerce made was that they added an aria-label to an element so it’s not site breaking, the site will function normally even with the outdated file.

- AJ

Hi AJ

is there a way to get the Element “Image Banner” to make it when I hover over the image to be a bigger size as animation including overlay color and the content?

Please see this example of what I mean and see when I hover on the image:

https://share.zight.com/v1uqXX81

Thanks

Hi,

If you use the grow setting the image will grow but will be constrained. What you want is to physically grow the element and display hidden content. This won’t be something you can easily accomplish with the Image Banner element.

If you are trying to recreate the example, I am assuming you will be displaying posts, in which case you will probably want to create a custom card – https://totalwptheme.com/docs/how-to-create-custom-theme-cards/

And you will need custom CSS for your hover affect (potentially some custom JS as well).

I believe it would be easiest/best to create a custom card with the API – https://totalwptheme.com/docs/how-to-create-custom-theme-cards/ – so you aren’t constrained by a page builder.

This type of layout can be quite complex, your best bet may be to inspect how the example site was created so you can re-create it yourself.

- AJ

Thank you for this info. Since I’m not that good with coding JS and to do something like that. Can you help me with that? I will renew my support and apply for a support ticket. Can I do that? Thank you so much

If you want you can email me directly to wpexplorer [at] gmail dot com. This would be outside the scope of support but if you want to hire me to build you something custom I definitely can! You’ll need to provide the live URL to the sample site and details about how your site is setup and what you want so I can provide you with a quote.

- AJ

Re Primary Menu bar – is it possible to have 4 menu items on the menu bar and 1 ‘hamburger’ icon (right aligned) which will house another 8 menu items?

I ran into a couple hiccups and will release the update as soon as possible. It may not be until tomorrow though, I don’t want to release an update before going to bed just incase something happens. I would rather release first thing in the morning to be here for support just in case.

Thank you for your patience!

I do not see the templates button in the header builder yet. Is it already v6.0?

Yes, the “Patterns” are added in Total 6.0 – https://totalwptheme.com/docs/section-templates/

The patterns are just to give you some examples. You can view them here as well: https://totalwptheme.com/patterns/ – you can also always create your own header with whatever code you want, you don’t have to use a pre-set pattern.

Note: If you have the Templatera plugin enabled though the icon may loo a little different, but it’s going to be in the same location (top left of the WPBakery toolbar).

- AJ

Hi AJ

Is it possible to make the postcard auto-move (Right, Left, up, and down) instead of with arrows? It would be like auto-moving by itself smoothly. It’s a TV show, so I’m trying to make it auto-move.

Also, the customizer manager showed me huge padding on titles like this Viery. I’m not sure:

https://share.zight.com/L1uEmeGm

Looks good and now working neatly with the smooth scroll. I am wondering how to make the auto scroll right/left?

Also, I have another question, is there a way to make color gradent for example in the background or buttons, etc?

Thank you so much for your amazing and hard work! I can’t wait for the new update; it looks like many great things are coming :)

Sorry I’m not sure what you mean by “make the auto scroll right/left” – by default the carousel does scroll from right to left (unless your site is in RTL mode then it’s reversed).

There is no built-in option for adding color gradients. I may potentially add something in the future but it’s a bit complex and most websites use flat design so it could also be seeing as quite a bit of added bloat.

Generally you would want to be working with your color palette so your site is globally manageable – https://totalwptheme.com/docs/color-palette/ – if I were to introduce gradient backgrounds I would essentially need to make a new admin for creating your global gradients that can be selected throughout the site. This way they can be adjusted globally and also support dark mode. Which, as you can imagine would introduce quite a bit of extra code and checks – that most people don’t need.

It’s very easy though to add with custom CSS though! My recommendation would be to have a few classes like “farawayyy-button-gradient-1, farawayyy-button-gradient-2…etc” and then use those throughout your site so that you can control them globally.

- AJ

Thank you for this information, yes I did use it as custom CSS, and works great. I agree with you but the customer wants that because their logo is gradent color.

Hello,

I am using an image slider to display images in single posts, but it does not start to function on mobile until I scroll down the page. It does not load thumbails nor main image title. I does work correctly on desktop. Is it possible to have it start as soon as the page is loaded, not scrolled?

https://shorturl.at/LOhJa

Thanks

Hi,

It looks like you are using the WP Rocket delayed execution setting. This delays all javascript (like your slider) from running when the page loads.

The reason this doesn’t happen on your desktop is because as soon as you hover your mouse anywhere the JS will run, on the phone you need to touch the screen.

I generally recommend not using delayed script execution functions because it often causes more harm then good. It can affect usability and site rendering. Because you are delaying execution things like the mobile menu may require double tapping to work. And the benefit you get in actual site speed is very minimal (it’s a micro optimization).

- AJ

Hi AJ,

Hope you are well!

I have two questions.

1) How can i add another custom product attribute underneath the SKU, Categories and Tags Product Meta on a single product page. I have create a new Product Attribute called “grade” with 3 terms, but i cant see how to make it appear under the other Product Meta.

2) when i click “Customize” each of the menu items buttons on the left are the full height of the screen, any idea how to resolve this?

https://www.skillpad.com/product/gxp-good-documentation-practices-applications/

Thanks as always! Gary

Hi Gary,

1. Product attributes aren’t intended to be displayed like this in WooCoommerce. They are intended to be shown as an option like such – https://a.cl.ly/Apuq4mxJ – if you are adding attributes that are not intended to be used as an actual attribute, perhaps they should just be categories or tags.

2. There appears to be a known customizer bug that causes this in the latest version of WordPress (a few customers reported it – but they didn’t provide access for me to log in and look). I myself have not been able to recreate the issue. This is what I see when updating WordPress: https://a.cl.ly/bLuvEbB2

Where the icons are out of line and it’s already been fixed for the upcoming 6.0 update – https://totalwptheme.com/docs/upcoming-update-changelog/

Perhaps it’s just a caching issue on your end or a conflict with a 3rd party plugin. I would have to log in to see. But WordPress definitely changed some things in the Customizer in their last update – so it could also be a WP core bug. I would need to be able to recreate the issue (which I haven’t) or log into a site that has the issue so I can inspect it and see what’s going on.

- AJ

ps: Can you please make sure to log in with the account used to purchase the theme to access support, thanks!

Hello,

Is is possible to have a single post in my portfolio display all images at once as opposed to the slider + thumbnails as default?

Thanks

Hi,

This is AJ the theme author.

It sounds like you are using the default portfolio template. I would recommend creating your own template – https://totalwptheme.com/docs/dynamic-templates/

For example on this demo – https://totalwpthemedemo.com/nick-miller/ – I made a template that simply displays all the gallery images.

Here is a video showing how it’s made: https://a.cl.ly/eDuZqB9B

And you can pull the template content with the demo inspector if you want to copy/pate onto your site: https://totalwptheme.com/docs/demo-page-inspector/?url=https%3A%2F%2Ftotalwpthemedemo.com%2Fnick-miller%2Fportfolio-item%2Fportfolio-1%2F

Dynamic templates will allow you to create any design you want for your portfolio but also ANY post type. You can also make custom templates for archives – https://totalwptheme.com/docs/category-taxonomy-template/

- AJ

Hi AJ

I’m trying to make a social media like X streaming mean (Social media Feed) on the website.. what is a good plugin compatible with the theme to let me add my x and Instagram on the website?

Hi,

Personally I wouldn’t recommend this for SEO reasons, but if you really want to embed your feeds on your site this plugin actually uses the Total theme for their own landing page and demo – https://social-streams.com/flow/

- AJ

Thank you so much, I agreed with but the costumer want that :/

Hi AJ! I hope you’ve been well. This is an off-topic question, but I’m posting to you as you seem to be a coder mentalist with X-ray coder eyes (aka – just an excellent coder).

I have two nearly identical websites, both on same dedicated server, both using Total, WooCommerce, and WC Stripe payment gateway plugin. With the website thedronecoach.io, the payment processing works fine but the website thedronecoach.com will not make that final connection to Stripe in the setup process.

I tried everything; new plugin installation with new Stripe account creation. WooCommerce settings showing connection and webhooks connected, and the Stripe webhook integration is showing getting 200’s and no fails, but no handling of event takes place (I think that’s how you folks refer to it). WC logs do not show any log issues.

Stripe support understandably is slow to assist, but is there anything you can “see” that might be preventing Stripe from making that final connection? To my laymen’s eyes, it seems like an issue on Stripe’s end. But I also know something as simple as an improper .htaccess file can cause issues too (although I already checked that).

Thanks AJ and honestly, if you’ve not the time, no worries. Or if this is something you prefer to do for hire, I’m good with that as well. I have your info on file.

~ Frank

Thanks for replying AJ.

I’m going to delete everything WooCommerce related, including the Stripe account, and start from scratch.

Stripe is telling me that I will not get from Step 3 to Step 4 in the connectivity until someone make a purchase, but I swear I remember that my other websites made that final step 4 connection during the setup process.

I also believe that I accidentally connected my site thedronecoach.com to thedronecoach.io, as purchases were made from both websites. Then I enabled CDN and then I noticed problems – but only with thedronecoach.com.

I like starting from scratch – it’s all automated so it shouldn’t have any troubles connecting. It’s too easy for it to go wrong. However, Uranus is retrograde and that always causes issues with technology… and revolutions. ;)

Cheers!

Thanks for allowing me to bug you AJ. I reinstalled everything new, and created a new Stripe account, and got things to work. Ironically, and fortunately/unfortunately, there was a huge WooCommerce upgrade at the same time so I’m not sure if my clean install fixed my problem or the WC tweak in the update helped, or both. Yay. It works now anywhere.

Oh man, hopefully it wasn’t too much of a hassle. Glad it’s working now though!

- AJ

Hi AJ

I’m trying to play a live video streaming. it’s a live video link that is self-hosting. How can I add on the Video Total Element? I tried the options but it didn’t work in the end. see this is the live link:

https://iqraa-live.ercdn.net/iqraa/iqraa.m3u8

and here how I used it.

https://share.zight.com/9ZuJZvON

I had a look and the only way would be for me to add the HLS script to the theme – https://github.com/video-dev/hls.js – and it’s fairly large (around 400Kb) – I don’t want to bloat things up. So what I will do natively support HLS is create an add-on plugin you can use on the site. I will get to work on that after Total 6.0 is out.

This isn’t something that has been requested before so it’s lower on the priority. If you want to pay for the custom plugin though email me at wpexplorer [at] gmail dot com and I can make it a higher priority.

Otherwise you’ll need to use a 3rd party plugin such as this – https://wordpress.org/plugins/hls-player/

Thank you so much, I did try the plugin, and works perfectly. Yes, it’s good to add for live or streaming video on the website.

Hi AJ

The Form button not working and doesn’t do anything when I point to it. Not sure why?

Hi,

For the contact form element?

I’m not sure what you mean “doesn’t do anything when I point to it”. I assume you mean that clicking the button doesn’t cause the form to submit. Usually these types of errors are either caused by 3rd party code breaking forms or if your server is erroring out when the form is submitted it won’t return a correct response for the AJAX.

I’ll need to have a look at the page in question to troubleshoot. Thanks!

- AJ

ok I will submit a support ticket. and explain more.

Since your support has expired you won’t be able to submit a private ticket. Are you not able to share the URL here?

- AJ

ps: Total will be 50% soon for Cyber week if you wanted to pick up a new license for renewed support at a big discount.

Hey AJ, how could I have the logo link be a local scroll link to the top? I could not find a way to add the “local-scroll-link” class to it.

Thanks :)

Hi,

You can do this on a per-page basis via this meta field: https://a.cl.ly/ApuqpoWn

If you want this globally there isn’t an option but it’s easy with this code:

add_filter( 'totaltheme/header/logo/has_scroll_top_link', '__return_true' );

- AJ

Hello,

Two minor things about WPBakery but thought could be useful for some people (not sure if this is something you can manipulate though)

In WPBakery we use lots of HTML elements and it could be really nice:

1) If we were able to put what’s that html about. To here:

2. For HTML elements, unlike other elements, it takes up full space and you have to see all the code when editing page. Any way to toggle on/off those?

Thanks

Hi,

  • Saving a description for the HTML would cause additional bloat. Not sure it’s something I would add.
  • I agree seeing the whole HTML is not good. This is something that could be hidden, but then you don’t know what the element does until you open it. I can give you some code that inserts CSS to the WP admin that hides this with CSS, it’s quite simple. But I would really recommend not using the raw HTML so much.

I would highly recommend not using the HTML block so much. Instead just create your own little shortcodes. The code is so simple. Example:

add_shortcode( 'language_switcher', function() {
    ob_start();
    ?>
    YOUR HTML HERE.
    <?php
    // This allowes you to add shortcodes in your HTML.
    return do_shortcode( ob_get_clean() );
} );

Because it’s your own named shortcode you know exactly what it is. Also if you use the same code in multiple places you can edit it only once. It’s also more efficient, because the WPBakery page builder needs to convert the HTML into base64 code to store it then de-code it on the frontend.

Alternatively…You could just create dynamic template parts that don’t use WPBakery (could use Gutenberg for this). Example video: https://a.cl.ly/Kou8b1lv – This will keep all your HTML neatly organized inside the dynamic templates and when adding it to the page you can see what it is because it will have a title.

Another alternative would be to use a code snippets plugin which will generate shortcodes for you like WPCode. But then you need a plugin – I mention this because many people are already using this or similar plugins.

- AJ

Hello! I’d like to update Slider Revolution. I see Total was last updated August 29th – they’ve since updated Slider Rev twice (Sep 24 + Sep 30th). The latest version in the Total bundle and it’s 6.7.18 but the latest Slider Rev is 6.7.20. Any way we can get the latest version?

Hi,

This is Aj the theme author. I will update the plugin officially in the upcoming Total 6.0 – https://totalwptheme.com/docs/upcoming-update-changelog/

But I keep the plugin updated on the server, so if you delete the plugin then go to Appearance > Install Plugins and re-install it, it will install the latest version.

Now, that said…Slider Revolution is a massive/bloated plugin that personally I wouldn’t recommend anymore but because it has always been bundled with the theme I have to as long term customers expect it. Most importantly, Sliders are not needed for most websites and in general recommended against for many reasons (SEO, usability, accessibility, site speed, etc). I would highly recommend if possible ditching the plugin and using static content in it’s place. This is a good read if interested: https://yoast.com/opinion-on-sliders/ (Sliders suck and should be banned from your website)

- AJ

Got it updated.

Totally with ya on sliders, but the client has one on their current site and it’s more work to go back to the drawing board and convince them otherwise. :-)

Thank you!

For future clients that want a slider you could also consider this free one – https://wordpress.org/plugins/depicter/ – that way you get auto updates and it’s a bit less bloated.

I actually added a little notice in Total 6.0 – https://totalwptheme.com/docs/upcoming-update-changelog/ – for this: https://a.cl.ly/L1uEZ2BO

- AJ

Hi AJ,

how’s business and leisure going?

Have there been any changes made to your Envato support of the Total theme? Because before it got renewed for 1 month, and now for 6 months, upon payment. Or do I remember wrong or I just didn’t use the support much?

Anyway I tweaked the settings for my Artist Sans fonts on my site replic.art now for a while according to your Total theme docs, but still didn’t get them working on Apple / Mac devices.

Could you give a “recipe”, for the the Artist Sans font settings/code, to make it work on iPhones and Mac?

The font format should be fine, there must be something with the code or settings, that I did wrong.

Best regards.

Hi AJ, thanks for your reply.

There has been a time when all my fonts worked on both Windows and Android, but not on iPhones. Is there any typical cause of that?

And it seems that assigning the elements to the fonts in the Total Font Manager automagically solves the issue across all platforms, but I know that that’s the less professional way to do it, and editing the code as you said is the more professional way.

Hi,

Well the way it’s set up right now it won’t work in any devices. So I’m not sure what has changed. But when I inspected your child theme I could see that you were only defining a woff font and not a modern woff2 font, so that could be the issue. The way fonts have worked across browsers/devices has been changed over the years so it’s possible the old font was simply not compatible with iOS.

It’s hard for me to know since I can’t look at how the site used to work.

Now, you do not need to assign your fonts in the Font Manager. As I mentioned in my last comment, you should go to Appearance > Customize > Typography and assign your font there. Example video: https://a.cl.ly/YEub06Gw

- AJ

Hi, I have wordpress version 6.6.2 and my wpbakery page builder will not update. I’m getting this error message: To receive automatic updates license activation is required. Please visit Settings to activate your WPBakery Page Builder. Got WPBakery Page Builder in theme? Is the Total theme compatible with wpbakery page build version 7.9? This is affecting my woocommerce cart for my store and frustrating the heck out of me trying to fix it :-) Any help very much appreciated.

Hi,

This is AJ the theme author.

I have not updated the theme yet to include 7.9 because it has some bugs I’m waiting for them to fix.

There aren’t any known issues with WPBakery and WooCommerce with the current version included. As well as there are no WooCommerce related code in WPBakery that would cause the issues much less changes in 7.9 that would address them.

This is the WPBakery 7.9 changelog so you can see:

2024-08-21 - version 7.9
  - New: Ability to copy AI-generated content anywhere
  - New: The element window features the most used elements
  - New: A new color picker has been added to replace the existing one
  - New: Ability to define the preset color for the color picker in the WPBakery settings
  - New: Ability to disable "scroll-to-element" after adding in the Module manager
  - New: Define the height value for the row and section elements
  - Fix: ACF element works properly in templates
  - Fix: AI-generated code is being inserted properly without any additional spaces
  - Fix: Slug adjustment works properly
  - Fix: Post grids are working properly in the layout with videos
  - Fix: Image gallery elements work properly and do not trigger errors
  - Fix: Element window timeout has been decreased
  - Fix: Grid Builder works properly with "scroll-to-element" 
  - Fix: Grid Builder works properly with user roles

If you are having an issue with your WooCommerce cart can you please share the link and explain the issue so I can see what’s going on?

Now, the theme has built-in code to remove the notifications for automatic updates from WPBakery. If you are seeing a notice to update in the WP admin and getting an error, this would imply that the code in the theme that removes the notices isn’t running. This could happen if you disabled WPBakery Theme Mode in the Theme Panel. As per these docs: https://totalwptheme.com/docs/activate-wp-bakery-page-builder/

Otherwise, it’s possible if you temporarily disabled the Total theme the WPBakery update notice got cached with WordPress (because the theme’s code to disable it wasn’t running) which is why you were able to see the notice to update the plugin. But usually these issue is caused by customers disabling WPBakery Theme Mode in the Theme Panel.

Please let me know what your issue with WooCommerce is so I can help you a address the issue.

- AJ

Can you confirm that we can no longer update the theme when the license is expired? It’s not clear if we should still be able to update it or if we can only update if the license isn’t expired. Thanks

Hi,

This is AJ the theme author.

The wording Envato uses is confusing! Your license is for the lifetime of the product, so you will always receive updates! What Envato sells is technically “support licenses”.

There isn’t a real clear way for how authors are supposed to handle things either. So what I’ve done is that the private support – https://my.totalwptheme.com/ – requires an active support license so you can submit private tickets. But I respond to everyone here in the comments.

As long as you activate your license under Theme Panel > Theme License it will remain active unless you remove it and you will continue receiving updates.

I have a big update coming soon as well with lots of cool new stuff – https://totalwptheme.com/docs/upcoming-update-changelog/

- AJ

Hi AJ! Happy cusi here. Would appreciate some guidance please. I am using the Image grid, limited to 6 images with ‘Load More’ button. I am using the Post Gallery for the query. And these link to the lightbox – however the lightbox gallery only displays those images on the initial grid load. Is there any way for this lightbox to be linked to the post gallery? Thus loading all images in the gallery for the user to scroll in the lightbox?

Kind regards, CJ

Hi CJ,

Sorry for the delayed reply.

The way the lightbox works is it simply looks for all images inside the grid whenever you click on an image. So if you click load more then re-click on an image it should display the subsequent images as well.

I did a simple test to confirm: https://a.cl.ly/kpuvxOX8

The only possibility I can think of is maybe you have too many images so you need to scroll inside the lightbox gallery to view them all?

Can you share the URL you are working with so I can have a look? Thanks!

- AJ

ps: In my test I’ve set the gallery to be open by default via Appearance > Customize > General Theme Options > Lightbox > Auto Open Thumbnails Panel – and the images display Horizontally instead of vertically because that’s a new design change in the upcoming Total 6.0 version – https://totalwptheme.com/docs/upcoming-update-changelog/

Hi AJ – thanks for the reply. I have got a similar setup to what you have described View here: https://shorturl.at/qvFwF

Just to clarify, if you click load more, the gallery expands and if you then click the lightbox more images will load (6 more from post gallery) as you’ve explained.

My question: Is there a method, that when a user clicks on any of the images in the grid, that the lightbox gallery contains/displays ALL the images in the Post Gallery? Thus displaying a full gallery without the need to click load more multiple times.

You can view it live here: https://www.casamigos.capetown/#intro

Appreciate your time. Thank you.

PS. I have another question on another site using Total too: I am attempting to launch a webform in a lightbox using this method here: https://totalwptheme.com/docs/snippets/trigger-lighbox-via-url/

It works great – is there anyway that I can fire this link from the “Multi-Buttons” as these don’t natively have the “Link” options for “inline Content or iFrame Popup” as the Theme buttons do?

Kind regards, CJ

Hi CJ,

The whole point of using a load more function is so that all the images are not loaded immediately, this keeps your site faster because it’s not loading tons of images. Thus, the load more button sends an ajax request to the server to get the extra items.

What you are asking would require having all the images requested from the server right away and added to the source code but hidden. This is not good in terms of site optimization so it isn’t something I would add to the theme by default. It could be done by disabling the load more function, setting the grid to display all images then using CSS to hide most of them and then adding a button and attaching JavaScript to the button to have it load the extra items.

What I would recommend is removing the load more button and creating a separate page that has all your gallery images. And instead having the button say something like “view gallery” – this way it can open a new page with all the photos for the user to be able to browse through them all.

Alternatively you can set the image grid to display only the 6 items next to the main image then having a button that says “view gallery” that opens in lightbox where the button is set to open a gallery of images: https://a.cl.ly/4guGoWRY

Which by the way if you are working with a lot of images in the gallery I would recommend attaching them to the post – https://totalwptheme.com/docs/using-post-gallery-image-galleries/ – instead of inside the WPBakery because it’s more efficient. Also if your client ever designs they want to change how the gallery works you can easily change. For example switching from an image grid to the post cards element…

Instead of using the multi buttons you can use the Flex Container and add your buttons inside it. Example: https://a.cl.ly/lluAqW1Z (ps my WPBakery insert window may look a bit different because I took this video using the upcoming Total 6.0 version which also includes WPBakery 8.0)

That said, having forms inside of lightbox is not good for accessibility, usability or mobile. I generally would advise against it – if you don’t want the form on the page itself, it can be added on a new page and you could always set the page to use the “Blank” template if you want only the form on the page and you can place it inside a row set to 100vh Minimum Height and content align center if you want the form in the middle of the page.

But iI you must have a form in a popup using a native browser dialog would be best – https://totalwptheme.com/docs/modal-dialogs-html/ – currently the theme’s Button element doesn’t have a native way of doing this (maybe I’ll something in the future – it’s a bit tricky though, so not sure what the best way would be). Using a native dialog is more accessible also it doesn’t require added lightbox scripts so it keeps the site more optimized.

- AJ

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey