22383 comments found.
Hi AJ – I’ve just renewed support and wondered if you could advise how/where I can change the CSS for the lightbox.
1. take off background colour for the caption on ‘white’ skin 2. is it possible to make the caption multi-line? or to include both caption and description in caption element separated by a space. 3. Do you have any snippets for changing lightbox css?
Many thanks in advance.
Hi,
1. You can remove the background like such:
.ilightbox-holder.white .ilightbox-container .ilightbox-caption { background: none !important; }
2. You can use breaks in your captions like such: https://cl.ly/sKxr
3. There isn’t any snippets specific for the lightbox CSS since no one has asked in in general I only add CSS snippets for things asked very frequently – in which case I will almost always just end up adding a Customizer setting for it instead.
Depending what you want to do though, you could always go with a 3rd party plugin for the image grid you are working on. Some customers for example really like the JetPack Gallery and use that in their projects.
- AJ
Hi AJ -Thanks so much for your help and for the reply. I implemented the code and yes it took the background off – my main problem now is that the text description is over the top of the image. (see screenshot https://pasteboard.co/Hva9fXH.png) – How can i get the text to show under the image? I am trying to make a lightbox act as an artist gallery with info displaying under each image.
Is there a way to implement either a padding to the caption (above) or to the image (below) I tried adding a } – no effect
.ilightbox-caption { background: none !important; padding-top: 30px
also: .ilightbox-image {padding-bottom: 30px}
Is there a way?
Hi AJ – I’ve used this code to force caption under image but its not a complete solution. I’ve used this css code:
.ilightbox-holder.white .ilightbox-container .ilightbox-caption { background: none; text-shadow: none; bottom: -20%; text-align: left; font-size: 12px; }
However – even though it displays the caption below image on desktop http://angelmedia.co.uk/Screen-Shot-2.jpg
...it still shows in overlay when the screen is resized http://angelmedia.co.uk/Screen-Shot-4.jpg
...and over the thumbnails http://angelmedia.co.uk/Screen-Shot-3.jpg It appears that the caption needs to have space between image and thumbnails. I have been trying to find a way? Any advice? Many thanks – KimHi Kim,
If you want it under the image rather than using -20% for the position it would be best to give it a “static” postion (default is absolute). This way it always sits at the bottom.
.ilightbox-holder.white .ilightbox-container .ilightbox-caption { position: static !important; }
And reset any left/right/top/bottom position if needed.
In terms of the thumbnails, there isn’t any real way around this because if you push the thumbnails down you will have to scroll down to view them which isn’t ideal for usability. Why not select the vertical thumbnail position instead?
If you are using an image grid you can select that via the module – https://cl.ly/tKgu – if not, it’s possible via a little code added in your child theme’s functions.php file:
add_filter( 'wpex_ilightbox_settings', function( $settings ) {
$settings[ 'path' ] = 'vertical';
return $settings;
} );
That way with the thumbnails on the far right it should leave enough room for the caption.
- AJ
Just my curious. As we already have syntax hilighter in WordPress (the additional css or Custom CSS in Total theme). Is it possible to use it for our code snippet in our post as well? I mean now if I want to display code with pre tag and get it hilighter I have to use syntax hilighter plugin. But why wouldn’t we use something that we already have. (Actually I try Gutenberg and the HTML editor is very beautiful too. I really like that one to show the code) Thank you
Hi,
There isn’t a plugin yet that uses the new Wordpress built-in CodeMirror functionality? If not, I would be happy to make a plugin for this and upload it to WordPress.org. Syntax Highlighter is great but it’s also pretty large.
What I do on WPExplorer though is I have a separate post type for code snippets – https://cl.ly/sKYs – then I use a shortcode in the post. This is a better way of doing it then having the code on the actual post which can get messed up when switching via visual/text mode or when using certain plugins.
I actually made a plugin for Total – https://cl.ly/sM4w – as a few customers requested but it uses prism.js – https://prismjs.com/ – which is what i use on WPExplorer, I think it’s better/faster then what WP has in it’s core 
But I could tweak the plugin to make a CodeMirror version and upload it to WP.org if there isn’t one yet.
- AJ
I am not sure about the CodeMirror I never know about this. And actually I use prismjs WordPress plugin version on my website too 
Let make a plugin 
Yes, Codemirror is the new syntax highlighter used in WordPress. If there isn’t a plugin for it, I’ll look into making one over the weekend. It’s a great idea! If you have ideas/suggestions let me know I will add you as a contributor for the backlink. Do you have a wordpress.org account?
- AJ
Yes I have account. Username : Emilybkk
Thank you so much.
Do you use the code/pre tags in your posts or do you have a separate post type for snippets? I think keeping separate is much better.
Yes I use code/pre tags in my posts with some css style. It use Total Editor format so it show me the style in the visual editor as well. I never use it as separate post type. Must try.
Gotcha. Yes, I prefer to keep the code separate from the actual site content to prevent any possible formatting issues. It may take a little bit more time then pasting it directly in the post but I find it’s best.
Just tried your plugin. WoW it is awesome! Just exactly how I like it. Normally I don’t write about code so much but only a short snippets sometime. I just want something that lightweight. I don’t need so many theme or styling. Just something to show beautiful code.
Thank you so much for your help. You have save my day!
Hope you health get better as soon as possible too.
I’m feeling awesome now, thanks! Glad you like the plugin, it is very simple and very very slim. Feel free to use it and provide suggestions if you have any. I’ll make a version for WordPress.org and add you as a contributor 
- AJ
Thank you so much. I think many people will find it inconvenient if they have to create and copy/paste the shortcode. Also they are afraid if it conflict they will left with the shortcode. Even though it wrote with quality. Also many people believe that they have to keep numbers of plugins as minimum as possible. Even it is not about the number but it also easier to maintenance.
My suggestion if we going to make it as a plugin for more convenient maybe we could make it possible to add new snippet from the visual editor. Put the button there. I use ThirstyAffiliate plugin and he do that with his plugin so user can click to insert the link that have been created and they can click another button to add new one right in the editor too.
I know this may required more work but I would do it that way to make it as easy as possible for everyone (even the laziest one) 
That’s a great idea. So technically the snippets would still be their own post type but you could have a button in the editor to insert a new one, that’s very easy. What I can look at doing, is instead of using a shortcode I could have it work with the upcoming Gutenberg builder – https://wordpress.org/gutenberg/
The good thing about having a post type though, is even if you remove the plugin all the snippets still exist on your site and you can easily re-add the shortcode in a child theme with a few lines of code.
Most people using snippets on their site are developers (if not, they are blindly copying snippets and sharing code they don’t know which is not a good idea) so they shouldn’t have the same concerns about installing plugins or conflicts. Plus there would never be a conflict with this style plugin because it only runs on the front-end. The purpose of using a shortcode is so the snippet is it’s own element and can never conflict 
But i really like the idea of a popup for adding new snippets, that would be very handy and much easier 
- AJ
I was thinking about Gutenberg too because we will no longer worry about the mess in the editor. It have been always annoy editing it sometime. I often switch to Text mode lol.
So when the Gutenberg arrive as default probably in this August as I read from the WCEU. I am keeping my eyes on it too but all people talk about it now is how to build the awesome Gutenberg block which is impossible for me to understand but I keep watching of it possibilities. So the problem above will be gone as it will manage as separate block. I think it is the best way if we can make it work with Gutenberg. And also insert it directly to the database as CPT? That’s absolutely brilliant. I understand now about the benefit to store it in the database. And you are right most people who share code know code lol I didn’t notice that.
This sound become bigger and more complicate. I like sharing idea. It would be better if I could help develop too I know that I should learn to code right away. I feeling like I want to code. It is like magic on the fingers. But I know it real world with bugs and expectation from others too.
That why I only keep doing just for myself now. It seem hard for me to deal with other people. You are really good in support and helping out your clients here even some topic are out of the support policy. I am really appreciated. 
P.S. I agree that to make as CPT is easier to manage especially when we have lots of snippets and to open to post to edit the code is much slower then edit it in cpt. More focus and quick process. That is why you are developer haha
Hi I’ve Just downloaded a second license for TOTAL theme – trying to install it I get the message ‘the link you followed has expired’. Help please!
Hi,
This is Aj the theme developer. I apologize for the delay I was sick all last week and because of how ThemeForest works only I can answer comments. I see you haven’t opened a ticket about this yet, so I hope you figured it out. If not, the error is caused by either uploading the incorrect folder, make sure you are uploading only the Total.zip file, or a memory limit issue on the server ( make sure your upload limit is at least 20MB and your PHP memory allocation is at least 256MB).
Thanks for picking up a new license, I’m glad you like the theme. If you do have any suggestions for future updates let me know!
- AJ
Hi
On our blog page http://crminsights.co.uk/category/blog/
The breadcrumbs are appearing from product page (and are all messed up )
Please can you help
KR Andrew
Hi Andrew,
Thank you for your patience.
Can you make sure under Appearance > Customize > Blog > General that your Main blog page hasn’t been set to “products” – https://cl.ly/sLnu
- AJ
That was me above, wrong account.
Regarding the local scroll? I just replied to it 
It seems to be the Line Chart element that is causing it
The line height should be getting it’s height on site load. Any chance you can share the URL so I can have a look?
- AJ
Hello, I am trying to use the Local Scrolling Links feature but the “first” time you click on the link it scrolls passed quite a bit, like 500 pixels, when you click on the link/button again it stops perfect. Why would this be happening?
This shouldn’t be happening unless there is something lazy loading on the page such as an image that is 500px tall and is lazy loading on scroll, there is no way for the scroll to know. Can you share a live example?
Hi, I loved your theme and going to build a new project with it again. However, the client asked to have video displayed on top of the menu like this demo http://demo.theme.co/church/. Is this achievable with your theme?
Thanks.
Hi,
The example provided is just adding a slider above the site. You can do this already with Total using this function – https://wpexplorer-themes.com/total/docs/adding-sliders-top-pages/ – and select the following position – https://cl.ly/sGTX
I’m glad you like the theme!
- AJ
Wow. Your theme is the best. I will buy another license soon.
Hi – Is there any documentation available on the Float Columns Right option in the Row Settings? How does it work exactly? I did a search for in your theme docs online and couldn’t find anything. Thanks for your help.
The option does what it says, it floats the columns to the right. By default all column float to the left. So the first column would be on the right instead of the left.
Here is a video guide – https://www.youtube.com/watch?v=li2z_tVUqy4 – this is basically the only reason to use this functionality.
- AJ
Hello!
The Nav Menu Dropdown Menu items second level are going off the screen on the right side and cannot not be seen. How to make the dropdown menu second level items show on the left ?
You can use a special class like this if needed – https://wpexplorer-themes.com/total/docs/left-side-menu-dropdowns/
However, if you have that many dropdowns I would consider maybe re-thinking things a bit in terms of usability. Maybe instead having some links in a sidebar or even the footer to slim down the primary menu.
- AJ
Thank you it worked
Question about centering Masonry Grid layout…I have a Post Masonry Grid layout that is sortable by category. It’s set to show 6 elements per row. When I sort them and only 2 show up, is it possible to center those 2 elements? Can I change 6 grid elements to 4 grid elements when browser window is less than 900px? It’s already drops to 1 on phones. Thanks.
Hi,
1. It’s not possible to center the 2 items without using a completely different javascript function for the filter and masonry positioning. It would be a massive undertaking.
2. Changing the 6 grid to 4 grid is possible with some custom CSS. However, if instead of the Post Masonry Grid you use the Total Post Types Grid you can actually select your responsive columns via the settings – https://cl.ly/sGTp (assuming you like this module)
- AJ
Thanks. I’ll give that a try.
when I have total 4661 activated and nextgen gallery enabled I lose options in wpbakery page builder. for example background color for rows are not enabled and I cannot adjust them. if I activate theme 2017 and activate nextgen gallery I then get all my settings back.
theme 2017 and next gen activated see below https://cl.ly/2B2B2y1V2D41 total and next gen active https://cl.ly/3U2n1T1f383mI also do not have any selectable options in the TOTAL BUTTON se screen shot https://cl.ly/2f3A1I2J0E00
Hi,
This is Aj the theme developer. Total loads the wp-color-picker-alpha script in the backend so for some functions you can add an alpha opacity when selecting a color. The Nextgen gallery plugin is creating a conflict.
This plugin loads a ton of scripts so it may take me some time to figure out how it’s actually breaking things. I’ll get back to you hopefully in a few minutes if it’s possible to fix the plugin. If not I can send you an updated theme file you can replace via FTP so that if NextGen is enabled that the theme doesn’t make use of the Alpha Color Picker.
- AJ
Hi,
The plugin is so horribly coded/commented it’s nearly impossible to follow the logic and figure out how things are loading in the backend. I wasn’t able to trace down where the issue is coming from exactly but this is the only plugin that seems to break things. So I just updated the theme to remove alpha selectors (currently only used in the metabox) if the plugin is enabled. Can you try replacing this file via FTP – https://cl.ly/sGbV – under Total/framework/classes/
- AJ
that worked perfect, thank you – will that fix be in the next update? too bad NEXT gen is coded bad they see very popular and widely used.
Yes, the added tweak will be in the next update 
A new company recently bought NextGen so they may improve on the plugin, but it seems right now they are focusing a lot more on their themes. We’ll see 
- AJ
Hi AJ is there anyway to create a secondary menu underneath the first instead of a dropdown? example of this can be found here: http://theorangerymaidstone.com/weddings/
Basically what you want is to inject a second navigation area which you can do easily via theme hooks – http://wpexplorer-themes.com/total/docs/action-hooks/
Example snippet: https://wpexplorer-themes.com/total/snippets/under-header-menu/
There isn’t a built-in option for this so you will need to add it via the child theme then add a little CSS to style the way it looks. It’s pretty basic stuff though 
Let me know if you have any followup questions.
- AJ
Hi AJ is this something you could do for us? and pay you?
Hi Chris,
Thank you for your patience, I was pretty sick last week. I can definitely help and no need for payment if it’s a simple menu.
My recommendation though if you need dropdowns on this menu and a mobile version is to just install a menu plugin that allows you to add menu’s via a shortcode, such as UberMenu. Then you can quickly insert it to the site with this code:
add_action( 'wpex_hook_header_after', function() { ?>
<div id="prefix-secondary-menu" class="container clr">
<?php do_shortcode( '[ubermenu config_id="1" menu="1"]' ); ?>
</div>
<?php } );
There are tons of great menu plugins out there you can use. It should be very easy to add like this as opposed to coding your own menu. However, if you don’t need dropdowns and you are going to hide on mobile then it’s very easy to add manually without a plugin. I can provide the code.
- AJ
Good evening
we want to know several things about the template:
1) Is it possible to configure the template on fullscreen with border like this site: https://www.lenarcisseblanc.com/suites/suite-cleo/2) Is it possible to synchronize Booking.com and bookings of the site?
Thanks in advance. Cordially.
Hi,
1. Yes, there is a site border option in the Customizer: https://cl.ly/sGTm – but even if you choose a theme without it, it’s usually very easy to do with some custom CSS.
2. Connecting with Booking.com is not a theme related functionality. This is something you’ll need to do either via an added plugin or if booking.com supports some sort of embed function (some of the booking sites allow you to use a few lines of code to embed the booking on the site).
If this is for a hotel/restaurant what a lot of developers do is use WordPress for building the nice looking site but then link to a 3rd party for the booking process.
- AJ
ps: Thank you for your patience, I’ve been sick the last few days 
Thanks for your feedback. Do you offer customization services? We will create the models for you to develop the site. No problem ! Thanks in advance.
Hi,
Sorry for the delay I was sick pretty much all last week. I do not offer any sort of customization services because my primary focus is on improving the theme, theme companies that offer customization services spend a lot of time on customizations but they could instead focus on making the theme better 
That said, Total is very popular and developer friendly so finding a good freelancer to help you make advanced child theme edits should be very easy. If you want some recommendations for design agencies familiar with the theme I can recommend a few, but it would be more expensive then getting a freelancer from somewhere like Envato Studio.
- AJ
Hi AJ, We were able to get access to the clients account (where the theme was originally purchased). Are you able to send us the theme version 2.0.1, which we will need to identify the changes made parent theme?
Previous comment was from uptimecomputing.
Many thanks
Hi,
Because of how ThemeForest works I don’t have access to any email’s or other customer information. If you provide me with an email I can zip it over or you can renew the support license on this account (would be better to just purchase a new license on your own account so you have your own license and also gives you the ability to use it for another client) and submit a private ticket – https://wpexplorer-themes.com/support/
- AJ
Please send me the zip to support@uptimecomputing.com.au
Thank you
Will send right now.
It would be cool if the background property in your Page Builder elements recognized linear-gradients as a value. I can paste a linear-gradient into the background input field and have it display properly on the website but whenever I return to the background input field in Page Builder, the value has disappeared.
For example, I want to put a background gradient behind the icon in the Icon Box element. Whenever I paste linear-gradient(160deg, #fad961, #f76b1c) into the field and update the page, the value disappears from the background input field.
Hi,
The reason it gets reset is due to the sanitization of color picker fields in WordPress and in the javascript. The only way possible would be to turn it from a colorpicker field into a text field so you can enter anything you want.
If you would prefer simple text fields for color options so you can enter hex, rgba, or whatever. I think I can write up some code you can paste into your child theme for that.
I can tweak the way the Total module background options work for a future update (great idea) the issue becomes with the the page builder core modules like those in the Design Options box – https://cl.ly/sGjb – because of how they are generated. And the inconsistency may be a bit confusing for the end user.
- AJ
ps: You could also use custom CSS by giving the module a unique classname then targeting it with CSS – http://wpexplorer-themes.com/total/docs/making-css-edits/ – this could be a good idea if you are using the same gradient over and over again to slim down the code a bit.
When using the vertical header and full width rows, the menu column is covering the page content.
Hi,
This is AJ the theme developer.
That is correct, because “full width” rows stretch to the entire browser window and the vertical header is positioned to the side of it. There is no way around it and also many customers use this to their advantage when creating see-through vertical headers with full-screen backgrounds under it.
Did you want to share the URL you are working on maybe I can take a look and provide some feedback on how we can get things looking great?
- AJ
Last Update: 3 June 18. where?
We updated the price, unfortunately ThemeForest counts this as an “update”. The official theme changelog is here: https://wpexplorer-themes.com/total/changelog/
There will be an update this week though 
- AJ
Hi AJ
I am are using background overlay option. The image behind is no longer showing. Working in all browsers except Chrome? Is there a fix for this?
Thanks
Usually if it’s not working in Chrome only it’s either because of how the file is named (empty spaces, extra periods…etc) or an https issue. Can you share the URL so I can see?
- AJ
Hello,
I am using header vertical (style 6) but i have dropdowns and i want them to open below the main menu item and not on the left.
How i can achieve this? I suppose this could be with a css trick but i am not sure, tried to find snippet in documentation, but i haven’t found anything relevant to this.
Thank you
Hi,
This is AJ the theme developer.
To open menu items underneath would require changing the dropdowns into Toggles. This can’t be done with CSS it would require first removing the theme’s dropdown script which takes a bit of code added to a child theme’s function.php file – https://wpexplorer-themes.com/total/snippets/destroy-superfish-menu/ – then you need to add custom javascript for the toggle affect.
What you could do instead is use a menu plugin that uses toggles by default to replace the main menu.
I would definitely consider adding this in a future update if more customers were to request it 
- AJ
Great, thank you for your help AJ always appreciated! Another question i have, is that i want to use in the bottom of vertical menu the social icons as is on the topbar like here http//demo.edge-themes.com/vigor4
Hi,
The reason I don’t do this sort of thing by default in Total if you notice this example – demo.edge-themes.com/vigor4 – on mobile the social is gone. Which is a common issue with theme’s that have widget areas or extra content on the vertical menu.
Of course it’s very easy to add I created a little plugin you can use – https://wpexplorer-themes.com/total/extensions/vertical-header-widget-area/ – which places a widget area under the header when using the vertical header function. So you can use this function to add a social widget under the menu.
Or you can easily use a child theme to insert any code you want to the header via a hook – http://wpexplorer-themes.com/total/docs/action-hooks/
- AJ
Hi! I have a problem with the frontend editor in WP bakery with this theme. I have other wordpress sites where the same function is working perfectly. When i try to go to the frontend editor it just keeps loading, and I am not able to press anything, so i just end up going back to the backend editor.
The backend editor seems to work fine, but i have a client that prefers the frontend.
Could anyone help me with this problem?
Hi,
This is AJ the theme developer, thank you for your patience. I’ve been sick for the last few days and just starting to feel a bit better now.
So the front-end should be working 100% with Total and there aren’t any known conflicts with the current version or 3rd party addons.
Usually if the front-end editor is not working it’s for a few reasons:
- WordPress and site URL’s are not the same under Settings > Reading causing the iFrame to be blocked by the browser for security reasons.
- You need to increase your memory limit on the server – http://wpexplorer-themes.com/total/docs/increasing-memory-limit-to-php/
- A plugin is causing a javascript conflict (to you see any errors in the console or have you tried disabling plugins to test?)
- There is a PHP error on the site caused by a child theme modification or plugin. Are you able to see any errors being added to your server’s error log when you try and access the front-end editor?
I much prefer the Front-End editor as well which is why I have quite a bit of added code in the theme to ensure all the Total modules render perfectly in the front-end editor and re-trigger their scripts whenever needed.
- AJ
Thank you for answering! Hope you feel better.
I get these errors in the console in google crome when I try to load the frontend editor:
Refused to display ‘https://haprojobbogkarriere.no/arbeidsgiver/?vc_editable=true&vc_post_id=134&_vcnonce=ba2c75e79b' in a frame because an ancestor violates the following Content Security Policy directive: “frame-ancestors *.hapro.no”. frontend-editor.min.js?ver=5.4.7:9
Uncaught DOMException: Blocked a frame with origin “https://haprojobbogkarriere.no” from accessing a cross-origin frame. at Object.vc.build (https://haprojobbogkarriere.no/wp-content/plugins/js_composer/assets/js/dist/frontend-editor.min.js?ver=5.4.7:9:25623) at https://haprojobbogkarriere.no/wp-content/plugins/js_composer/assets/js/dist/frontend-editor.min.js?ver=5.4.7:9:25955
I am finally feeling a bit better..Thank you!
This is a security warning from the browser. It sounds like half your site is set to http and half isn’t. Can you make sure under Settings > General that your site and wp URL’s both have https in the URL and that force HTTPS is setup on your site in the backend.
When you do try and load the front-end editor is the URL loading in https or not?
- AJ
Hi AJ! It is set to https in both the site and the wp URL in the settings > general, and its loading with https in the frontend editor. Still not working unfortunately.. Is there anything else I can do to make it work?
- Linda
Hi Linda,
That is very weird. Do you want to submit a private ticket with the logins so my support staff or myself can log in and have a look? https://wpexplorer-themes.com/support/
If you look at this doc page – https://wpexplorer-themes.com/total/docs/visual-composer-issues/ – can you also verify points 7 and 9 incase it’s one of those issues?
- AJ