22359 comments found.
Hi AJ, I’m having the same issue as another recent commentor with The Events Calendar not showing in order via your Post Types Grid anymore. I’ve tried adding the Advanced Query you specified but nothing showed up at all. I’m presuming this is because of the necessity to white list the function. I’m unsure how query itself is added if a function is whitelisted and added to the Advanced Query field?
Do you mind clarifying that?
Hi,
The Events Calendar basically updated their plugin so they don’t hook into custom WP queries anymore so to sort by or exclude past events you need to define it yourself 
Now, there was a recent comment from another user but what I was helping them with was an “inline” query not a custom function. If you are using an inline query there is nothing to whitelist, whitelisting is if you intend on adding a custom function to return your query parameters. So that would be if you added a function in your child theme for example:
function birdhousedigital_events_query_args() {
return [
'post_type' => 'events',
'posts_per_page' => 4,
];
}
So you intend to use “my_query_args” for your Advanced query. In which case you need to whitelist that function name like so:
define( 'VCEX_CALLBACK_FUNCTION_WHITELIST', [
'birdhousedigital_events_query_args',
] );
So then you would just enter “birdhousedigital_events_query_args” into your Advanced query.
Now, this is not really needed for most queries. You can instead just type our your query in URL format. Example:
post_type=tribe_events&posts_per_page=12&meta_query[0][key]=_EventStartDate&meta_query[0][value]=today&meta_query[0][compare]=gte
Which is the code I recently shared with another customer. This code basically tells WordPress to pull all current or future events.
But in order for this to work your site needs to be up to date. So if you tried and it didn’t work, perhaps your site is outdated if not, perhaps all your events have already passed.
Additionally, this query doesn’t “order” the items. If you want to order them you need to add an additional orderby parameter like such:
&orderby=meta_value
- AJ
Hi AJ! Hope all is well 
I am wondering if there is an easy way to use the local scroll from Total with another parameter in the URL.
I am developing a grid plugin that allows the use of url parameters, like this: https://vinicius.razorfrog.dev/grid-shortcode-test/#filter=red (this grid in particular is at the bottom of the page). Assuming the ID of that grid at the bottom of the page is #grid2, my goal is to be able to do something like this: https://vinicius.razorfrog.dev/grid-shortcode-test/#filter=red&scroll=grid2That way I can set the filter I want and also scroll to that grid automatically.
I use Total almost exclusively at my job and on my freelance, so it would be amazing if I could use Total’s scroll function with my plugin!
Let me know what you think, and as always, thank you so much for the help.
Hi,
Thank you for your patience.
I’m not sure I’m seeing the point of using the “themes” local scroll function. The theme’s function is just simple javascript that checks the URL on load and then scrolls down.
Wouldn’t it make more sense to just add the javascript to your own plugin for the local scroll since most Total users aren’t using the plugin?
I can help with the code, it’s very simple. But there is one little “issue”...In your example you are using #filter= and then adding the scroll parameter using & – now, the issue is that this is not a “standard” URL so you can’t properly use URLSearchParams to get the scrollto value (at least not from what I am aware of).
It would be best to instead have a URL like site.com/?filter=red&scroll=grid2
But also…if you have support for the #filter= already, you should be able to just modify your javascript to check what grid the filter is targeting and then automatically scroll to that grid without the need for an extra scroll parameter. No?
- AJ
Hi AJ,
I have found an issue with the card style “Testimonial 5” when carrousel selected:
https://www.loom.com/share/149f3854f7cf48fda69bad96cd01a734Thanks
PD: I´m testing new custom post card editor and works great.
The problem is that carousels need to have the overflow hidden to prevent issues, unfortunately box shadows are shown outside of the element so they get cut off. There isn’t any “good” fix for this besides just adding some padding to the element.
See here: https://a.cl.ly/7KukmXvA
But it doesn’t really make sense to add padding to all carousels because you would have empty space most the time and adding CSS to target specific card styles would probably end up in quite a bit of extra CSS, plus if you customize the box-shadow then you also have to change the padding. There really isn’t any good solution that I can see for this…
But if you want to “fix” for this specific card the following CSS will work:
.wpex-card-testimonial_5 {
padding: 5px;
}
- AJ
ps: Glad you like the custom cards!
Thanks for the css. One more question:
it would be possible in a card grid element set how many columns to show depending on the number of post. IE: I create a custom post for services. If there are 3 services i wanna show them in a 3 column row but if there are 4 services i wanna show them in a 4 column row…
Thanks so much
There isn’t a built-in method but it’s possible in 2 ways:
- Change the CSS for the post cards to use a Flex container (easiest if you start with the Modern CSS grid). Example: https://a.cl.ly/GGuzrq9e (you may want to add some media queries to make it responsive as well).
- Add PHP that hooks into the shortcode’s column setting and changes it based on the number of posts_per_page. But this is much more involved if you need to actually change the number based on query results or just the number you are specifying in the element. If you need to change the number based on the number of items returned by WordPress regardless of your setting, that would require making a 2nd query to the database so I wouldn’t recommend it.
Is there a reason why you need this to work automatically?
- AJ
I´ll try the css option. Here is my explanation wgy id like to achieve this:
https://www.loom.com/share/5fccbf380c42422cae612cb02733152dSorry for send yo another video 
Ya, you’ll want to use Flex styles then like I mentioned above.
I can look into adding “Flex” as a new grid style for the Post Cards element and send you the updated Total Theme Core plugin to test. Do you want me to do this?
I think other customers will find it useful as well.
- AJ
Hey,
I added the new Flex Items setting to the Post Cards (it’s a nice addition, so thank you for bringing this to my attention). Sample video: https://a.cl.ly/YEuWyrkv (having the ability for horizontal scroll without the need for carousels I think is really nice).
Here is the updated Total Theme Core plugin: https://a.cl.ly/jkuWDvO8 (link expires in 2 days).
Let me know your thoughts!
- AJ
Hi Aj,
First of all, thanks for listening to the suggestions and applying them so quickly. I couldn’t even confirm that I wanted you to do it. LOL. I’m downloading the plugin, I’m going to try it and tell you how it is. Thanks again.
What im doing wrong?
Thanks
Hey, I hope you had a nice weekend!
Oh, on my mac the scroll bar only shows when it’s needed so I didn’t notice. I changed the code so instead of wpex-overflow-x-scroll it uses wpex-overflow-x-auto now. That should fix it.
If you delete the plugin and re-install via Appearance > Install Plugins it should be good now. Let me know!
- AJ
Working ok now. Thanks so much AJ
Thanks for confirming!
... if i config cards as flex, but in mobile version, how can i show them stack and not with horizontal scroll? Thanks
If you want to prevent scroll you can use the Flex Basis setting, the issue though is that you want to stack items…Hmm, I’ll need to add a breakpoint option for this: https://a.cl.ly/mXu21LXA
Updated Total Theme Core plugin if you want to test: https://a.cl.ly/llud9GAe
It’s possible to instead use flex-wrap instead of a stacking breakpoint but this can cause issues if you have items with different image/title lengths. So I think a breakpoint makes the most sense where it changes the flex-direction from row to column.
Let me know if you have any feedback, thanks!
- AJ
ps: I added some other options as well such as being able to select columns for the Flex Basis (1-4) as well as select your “Scroll Snap” – for those that want to actually create a horizontal slider. Example: https://a.cl.ly/nOubl048 – Horizontal scroll sections are fairly popular these days so I think people will like this (personally I’m not a huge fan because it’s not obvious you can scroll).
Hi AJ, I have some portfolio that redirect to a pdf and I’ve put in the card settings to open in a new tab, and it was working. But today I’ve realized that all of them are not longer working, I’ve checked the card settings and it remains with the option new tab.
Can you help me with this?
Thanks, Sonia
Hi Sonia,
I tested locally both setting the link target to blank for the Post Cards element so it applies to all items as well as setting the target blank on a per-post basis and both are working.
In the past I had a customer that had issues with target_blank no longer working and it ended up being an accessibility plugin that was stripping out all the _blank targets. Have you installed or set up any new plugins recently that may be doing that?
Also are you using a built-in card or a custom one?
- AJ
Hi Aj, I want to ask if there is any way to prevent view source. Thanks.
No, that’s impossible.
- AJ
Thanks
Hi AJ,
Is it possible to create a post type grid with masonry layout both vertically and horizontally (think it’s called ”justified”) sort of what is here: https://codepen.io/desandro/pen/nLoeOM
Thanks!
Only with the Image Grid. The reason it’s not available with the Post Cards element or Post Types Grid is because it requires setting custom widths for each element via unique classes so integrating that would be quite difficult as the user would have to manually set widths for their posts via custom fields. Things would get really messy.
That said, it’s somewhat possible with custom code. You would need to filter the masonry settings (the filter you use depends on the element you are using so I would need to know that to give you an example). And you would have to add custom CSS to your site to define your own custom column widths.
- AJ
Thank you AJ! I was planning on using the awesome Post Cards -element and it’s for a CPT created with Post Types Unlimited. I realize this one might be tricky since I need both vertical and horizontal masonry on the same grid? Thanks!
Hi,
Ok, so you can hook into the “wpex_masonry_settings” filter to tweak masonry settings for the Post Cards element. So based on your example you could add something like this to your child theme functions.php file:
// Insert grid-sizer element into grid.
add_action( 'wp_enqueue_scripts', function() {
$js = '
document.querySelectorAll( ".wpex-post-cards .wpex-masonry-grid" ).forEach( ( grid ) => {
const gridSizer = document.createElement( "div" );
gridSizer.className = "grid-sizer";
grid.prepend( gridSizer );
} );
';
wp_add_inline_script( 'wpex-isotope', $js );
}, 50 );
// Modify masonry settings.
add_filter( 'wpex_masonry_settings', function( $settings ) {
$settings['percentPosition'] = true;
$settings['gutter'] = '10';
$settings['masonry'] = [
'columnWidth' => '.grid-sizer', // first entry
];
return $settings;
} );
Then the basic CSS:
.wpex-post-cards .wpex-masonry-grid .grid-sizer,
.wpex-post-cards .wpex-masonry-grid .wpex-post-cards-entry { width: 20%; }
.wpex-post-cards .wpex-masonry-grid .wpex-post-cards-entry:nth-child(2n) { width: 40%; }
Here is my test page showing the code working: https://a.cl.ly/Z4uDYnGP (not pretty but you can see it work).
Now, this example will target ALL post card masonry grids, so you may want to consider giving the Post Cards element a unique classname and target it specifically.
- AJ
Brilliant, that is so cool! Thank you so much AJ!
...would it be possible to include a custom field value into the class list “wpex-post-cards-entry post-655…”, I was thinking something like “doublecol” “doublerow” it would be very handy when creating the post. (instead of using “nth-child”)
Thanks!
Of course, it’s Total
/**
* Alter post cards entry class.
*
* @param array $class
*/
add_filter( 'wpex_post_cards_entry_class', function( $class ) {
$custom_field = get_post_meta( get_the_ID(), 'CUSTOM_FIELD_NAME', true );
if ( $custom_field ) {
$class[] = $custom_field;
}
return $class;
} );
I would recommend though would be making your custom field a Select dropdown so it’s easy to select. You can use ACF for custom fields or the theme’s built-in class – https://wpexplorer-themes.com/total/snippets/add-custom-metaboxes-to-total/
- AJ
Believe me, I never doubted
Perfect, thank you AJ and have a nice weekend!
You too! If you need anything else let me know.
- AJ
ps: Added a new “Flex Items” grid style today for the upcoming 5.5.2 version which will hopefully be useful as well for other sites/grids – https://a.cl.ly/YEuWyrkv
oh actually, if you delete and re-install the theme you can already access this new grid style if you wanted to check it out.
Nice, looks really useful!
Those horisontal scrolling grids you illustrate there feels very trendy.
I’m sure I will use that!
I am receiving email notifications that the Total theme has released an updated version, but under Appearance | Themes, I do not receive a prompt to update the theme. I have activated my license key.
Hi,
This is AJ the theme author.
The theme uses the native WordPress updating system to let you know when updates are ready and WordPress caches update checks so it’s possible it’s just being cached, it can take up to a few days to be notified by WordPress. You can try going to Dashboard > Updates and click the “check again.” link, this may help clear the cache.
That said, it’s possible also that your server (or security plugin if you have any) is blocking checks to our server . So make sure that our domain wpexplorer-updates.com is whitelisted in your firewall.
Last, if you want you can also try using the Envato Market plugin – https://www.envato.com/lp/market-plugin/ – which uses it’s own system for update checks.
- AJ
Hi there! Quick question, how do I get rid of the gap between the top of the screen and the start of a page on the theme? I use the vertical menu option and that gap does not look good… Example, https://moriti.co.za/
Hi,
It looks like this space is actually added in your custom CSS which looks something like this:
#main {
padding-top: 40px
}
- AJ
Hey there, thanks for your reply and quick service, as always! I am not sure how that got there to be honest… How can I remove that?
I’m assuming it was added under Theme Panel > Custom CSS – but it’s impossible to know just looking at the site because you are using some optimizations that are placing CSS inline so it’s possible it was added in your child theme style.css as well.
- AJ
AJ, I checked my Custom CSS and there it was, thanks so much! Your service and willingness to help makes you by far the best author, thank you!
Hi AJ. After installing the most recent update our icon box elements are no longer showing. Looks like browsers are preventing it because the icons are hosted on a non-secure server: http://0.0.0.7. Any ideas?
Hi,
This is AJ the theme author. I can’t recreate the issue at all, you can see examples here – https://total.wpexplorer.com/features/elements/icons-boxes/ – the icons are actually inside the theme so they are hosted on your own website, so this seems very strange.
Can you share the URL so I can take a look? Thanks!
- AJ
AJ – WP Engine techs helped me troubleshoot this and confirmed that it’s a theme bug. We were able to replicate it on a backup / dev site that had not yet been updated. We were also able to resolve it by reverting back to v 5.4.4. (That was the version we were using prior to yesterday’s update, so the bug could be in one of the last 3 updates.)
I’m going to email you the WPE chat log (so you can see what they found), and the live/dev URLs.
Since your support has expired you can’t open a ticket, but if you want you can email me directly at wpexplorer [at] gmail dot com if you want. Thanks.
- AJ
ps: Do you have trouble seeing the icons on m y site – they seem to work just fine for me (nothing changed in how they are loaded either)? https://total.wpexplorer.com/features/icons/ (I also use WPEngine).
Sorry AJ – I’m renewing support now. (I have multiple licenses / clients, and need to do a better job keeping track of which ones have expired.)
Yes, I can see your demo icons. It’s the Icon Boxes we’re having trouble with, but I can see those on your site too: https://total.wpexplorer.com/features/elements/icons-boxes/
No worries about the support license! But also, ThemeForest doesn’t make it very clear…When you buy a new license it also renews support. So if you may have another site that you could use the theme on you can always pick up a new license and it renews support and you have another copy to use.
Just replied to your email, please have a look. Thank you again for reporting the issue!
- AJ
Thanks – I do have multiple licenses, but they span a few different Themeforest accounts, so the renewals don’t all sync up.
It’s fine though. I’m more than happy to support the ongoing development of Total and WPExplorer.
I really appreciate it Just know that it isn’t necessary, I’m always here to help!
- AJ
Hello!
So far I have been using the “Type Grid” in WPBakery to display upcoming events on my website. It did this automatically by simply sorting by date and selecting “Tribe_Event” in the Type field. That is, automatically, it only showed the next ones and not the past ones. But all of a sudden, either because of a theme update or an Events plugin, it shows all of them, the future ones and the past ones. I have read the documentation available at https://wpexplorer-themes.com/total/snippets/display-past-events-total-vc-modules-events-calendar-plugin/ and https://wpexplorer-themes.com/total /snippets/exclude-past-tribe-events/ but it doesn’t work as it also hides the ‘Type Grid’ I have for ‘Latest News’. How could I customize it to only display upcoming events sorted by date (next first…)?
Thanks a lot.
Hi,
This is AJ the theme developer.
The Events Plugin actually made an update that caused the issue. Previously past events were automatically hidden but if you enable the new design setting – - then it’s no longer the case. Using the Advanced Query is the best solution to ensure they are always hidden. Glad you figured that out!
Now, I think your query got unformatted when you posted it here so it’s not showing completely. It should look something like this:
post_type=tribe_events&posts_per_page=12&meta_query[0][key]=_EventStartDate&meta_query[0][value]=today&meta_query[0][compare]=gte
For anyone else that may be reading this thread.
- AJ
Hello again.
I have managed to show only the future ones, but what I have not achieved is that they are ordered by date (first the next).
Thanks for everything.
You’ll need to also add an orderby parameter. Example:
&orderby=meta_value
That should be enough. But if not you can try also adding:
&meta_key=_EventStartDate <pre> But I don't believe that should be necessary since you already have a meta_query. - AJ</pre>
Hi AJ, I rarely use Slider Revolution and often delete it from my Total sites, which causes relentless reminders about installing Required Plugins. I don’t want to disable these reminders via Theme Panel, because I do want them to appear for WP Bakery, Total Core, etc. since my auto updater doesn’t fetch those automatically and I often have to manually update some or all of the plugins bundled with Total. Is there any way to selectively hide certain required plugins and allow others to show for updates?
I’ve actually recently added this ability to the Theme Panel, please see here: https://a.cl.ly/v1uQDrb2
- AJ
Always one step ahead. . . this is perfect! Is there any way to automatically receive release notes? I occasionally remember seeing them somewhere, but I don’t recall where/how. Seems like it’d be a better way of keeping up with your innovations than thinking “Oh, that’s cool!” when I randomly stumble upon new features.
The changelog is always available here – https://wpexplorer-themes.com/total/changelog/ – But also if you click on the Logo with the version number in the Theme Panel – https://a.cl.ly/eDu76qNl – it will take you there
I started making some release pages as well for big updates and you can get to them from the changelog or the banner at the top of the main landing page. Here is the one for 5.5 – https://total.wpexplorer.com/releases/5-5/
- AJ
No way I’ll ever remember to check that regularly. If you had a newsletter or anything that would push notifications to me about these notes, I’d totally subscribe and read them (no pun intended). No big deal though, I enjoy stumbling upon improvements from time to time like I’ve been doing so far
Got one: https://total.wpexplorer.com/newsletter/
Usually I send out notices only when the theme is on sale but I will start doing it for big updates as well.
- AJ
How can I fix it? Thanks a lot in advance, Bob
Hi Bob,
That’s very weird. I can’t recreate the issue anywhere and I’m not seeing anyone else mention the problem. Any chance you can go to Theme Panel > Import Export and copy the settings and send them to me? You could use this site to share them – https://pastebin.com/
If you read the error it’s coming from WordPress and not a theme file so it’s not clear what is actually causing the issue if it’s even the theme. I did a search for post_status in the theme and I’m not seeing anywhere where this could cause a debug notice :/
Alternatively you can send me the site logins to wpexplorer [at] gmail dot com.
Thanks!
- AJ
Oh this is the WordPress export file. I mean the export code from Theme Panel > Import/Export. Here: https://a.cl.ly/eDu76x54 – just copy and past this into a pastebin – https://pastebin.com/
This way I can import your theme settings to see if for some reason one of your theme settings is causing the error.
- AJ
Hello AJ, thank you very much and sorry for my mistake.
https://pastebin.com/sSB8dXkKI have also encountered another problem since I updated:
My galleries have always been done with the justified image grid plugin (never had any problem with it) and they are now visible correctly just from the desktop website version but they disappear (!!!) if I visit the pages from the phone.
https://www.robertorizzoart.net/pet-portraits-commissions/What have happened? Thanks, Bob
Hi Bob,
- I’m not seeing any errors in the Customizer when using your theme settings. Are you sure they aren’t coming from a plugin or child theme code?
I haven’t had anyone else report the issue either so I’m wondering if it’s coming from somewhere else. Thanks for checking.
I can also log into your site and look if you want. Since your support license has expired if you want feel free to email me directly to wpexplorer [at] gmail dot com.
- Your image galleries are showing up just fine for me on the phone. I took a screenshot to show you: https://a.cl.ly/OAujbYbQ – and here is a quick video showing you a test on the computer in mobile mode – https://a.cl.ly/mXu2BwAx
I wonder if you updated the image plugin recently or something and perhaps you need to clear your mobile device cache?
- AJ
Dear AJ, I am trying in every way to understand what these problems depend on with no luck.
I mailed you this morning to ask you for kind help…
Today I discovered that there is another problem in the shop section of the site; tags overlap the buy button …
I’m really disheartened, maybe I can perform a momentary downgrade to make everything work as before…
I got your email, I will reply back.
The issue with your shop is being caused by custom CSS on your site. See here: https://a.cl.ly/d5unWOWy – so this is a very easy fix, just locate and delete that custom CSS.
- AJ
Thank you very much AJ, I just fixed it.
That custom css overlapped because, if I remember correctly, the quantity numerator was previously on the same line as the ‘add to cart’ button, while in the new update they are now arranged one on top of the other. Was it your choice to put them this way?
Thank you very much for your help as always, Bob
Hi Bob,
Actually the way it’s coded now is that it can be on the same line or a different line based on your Customizer option: https://a.cl.ly/QwudljZe – but it should be on the same line by default.
However, the theme has an extra check so if you are using the ” WooCommerce Payments plugin” it will always be on a separate line because this plugin inserts extra code between the number input and the button and having them inline can break that. So if you are using the plugin you don’t have the ability to display them inline. It was a tweak to prevent conflicts with that plugin.
- AJ
Hi AJ,
thanks for the new update! I just wanted to point out an issue that popped up with it. When I use the print function I get 30.000 pages plus which should usually be only 3 to 4 pages. I downgraded to Total 5.4.5 and the issue is gone. Maybe something you want to take a look at.
Thanks!
Hi,
What do you mean by “when I use the print function”?
In PHP print is a language construct (not a function) which is used to basically display something on the page. What are you doing exactly?
- AJ
That is very weird, I can’t imagine what could possibly cause that besides actually having a bunch of content on the page..I’m actually trying to load your site right now and it’s refusing to load so I can’t really see. When you view the page itself is it massive for some reason?
I can’t recreate this issue on any of my demos (which have been updated) example: https://total.wpexplorer.com/biz/ – can you?
And are you sure the issue isn’t being caused by a 3rd party plugin?
- AJ
Hi,
I went back to look at the site and I actually noticed you disabled WPBakery for a second and the print issue wasn’t happening and then I refreshed and the page seems to almost be infinitely loading the page content.
Is that correct?
I’m wondering if there is an issue for some reason with your Dynamic Template (are you using one?)
Feel free to email me directly to wpexplorer [at] gmail dot com – if you want so we can troubleshoot there and if possible send logins. Thanks!
- AJ
I’m researching this right now: I disabled all plugins except for Total Core, Templatera and WP Bakery but the issue persists:
https://www.perfectyoursoul.com/spirituality/what-actually-is-spirituality/I’m using chrome. Safari seems to be fine. I also don’t encounter the issue on your demo site.
If you send me logins to the email I mentioned in my last comment I’d be more then happy to help you troubleshoot. I’m only seeing the issue in Chrome (not firefox or Safari). Very weird!
- AJ
Login sent! Thanks for your kind support!
-Jolopu
Just replied back, will keep you posted via email.
I have a question about Blog > Archives & Entries > Image Overlay > Category Tag
For example, I have 4 categories A – B – C – D and I want to hide A or both A – B category, is this possible?
Thanks for your support.
Hi,
Each category has a unique classname like “term-{ID}” so you can hide them with a little CSS, example:
.overlay-category-tag .term-1,
.overlay-category-tag .term-2 { display: none !important; }
where “1” and “2” are the category ID’s – https://wpexplorer-themes.com/total/docs/locate-page-id/
Now if you want the items actually removed from the code completely that would require a PHP update hooking into the WordPress core filter – https://developer.wordpress.org/reference/hooks/get_the_terms/ – which is used to retrieve categories from the database.
- AJ
I added below code in CSS but category still not hidden
.overlay-category-tag .term-1, .overlay-category-tag .term-5 { display: none !important; }
Oh sorry! The format is actually term-{slug} not term-{id}
.overlay-category-tag .term-1-slug,
.overlay-category-tag .term-5-slug { display: none !important; }
- AJ
Thanks It worked
Hi AJ,
Just a couple of comments on the new update, both to do with Menus.
First the desktop version:
‘Sticky Menu’ is set on the desktop version and at first glance when I tried it on the upgraded version, scrolling down, the menu had disappeared.
Turns out that it had not disappeared at all, the sticky menu was now hidden behind the admin bar.
Is there some kind of simple fix for this?
The Mobile Menu:
If the mobile menu is set to ‘Sticky’ it seems to work fine.
The problem comes when you try to run a refresh on a mobile device, when it goes to the 404 page.
Turned off the sticky setting and it went back to normal.
Otherwise a lovely upgrade!
“EDIT”
I found a simple fix for now with the desktop version, which was going into Customiser>> Header>> Menu and changing the custom menu height from 50 to 100.
Also:
I’ve checked on all browsers and it looks fine when logged out, but if you can check from a logged in state on any website with total installed and look at the front end of any page or post, there’s a really annoying ‘width bar’ right at the bottom.
The theme specifically has checks to prevent it from going behind the admin bar, I tested locally and can’t recreate the issue myself. Here is a video test: https://a.cl.ly/geuyWZ5y
What do you mean by “width bar”...screenshot?
- AJ
ps: I know in the past you used plugins that removed the script versions from your CSS/JS files which means you would need to clear your browser cache – did you clear your browser cache just incase?
I am releasing 5.5.1 today with a couple small bugs that were reported but I can’t recreate the sticky header issue at all and have no idea what you mean by “annoying width bar”.
Hi AJ,
The width bar at the bottom can be seen here:
https://imgur.com/mVNnKQZIt’s more apparent in it’s natural form (as seen above), but I’ve got a black scrollbar which changes the width bar to black.
I’ve also added the sticky menu issue which can be seen below the yellow progress bar.
I’ve just cleared my browser cache to be certain, but the sticky menu issue is still there, and the mobile menu goes straight to 404 if that one is set to sticky.
Just looked at your site and see you are using Header Style 3 with the header content removed so I tested the same exact setup: https://a.cl.ly/8Lu1jdBp (video taken in Chrome but tested Firefox, Safari and Chrome).
If you can let me know what you mean by “width bar” and maybe share a screenshot if possible (blurred if needed ) thanks!!
- AJ
I just posted a screeshot of the width bar.
Now then – the issue is not on all pages and posts, it’s just on the homepage and the main News (blog) page.
Does that help you to find the issue?
“EDIT”
I tell a lie – it’s starting to appear on most pages again.
I’ve got a feeling that this widthbar is the cause of all the issues.
If it’s any help, the inspect element for that portion is bringing the whole page in:
html.js_active.vc_desktop_transform
Oh you mean the browser scrollbars
This is happening because your site’s HTML is outdated. Sounds like you maybe modified the header.php file in your child theme (there is no need for that) and you need to update it to add the overflow class like this – https://a.cl.ly/geuyW0kZ – previously the theme added it with custom CSS but I switched to using the utility class rather then having extra CSS.
Sorry, I don’t understand what you mean by “and the mobile menu goes straight to 404 if that one is set to sticky” – are you saying if you go into the Customizer and enable the sticky header on mobile your site goes to a 404 page when you save the customizer? That doesn’t make much sense…Thank you for explaining!
- AJ
oh looks like the screenshot i sent in my last message didn’t upload, here is a new one: https://a.cl.ly/Z4uDLZxD
I’ll check the html out:
If you go into the customiser and set the mobile menu to ‘sticky’, then save it – when I’m checking on a mobile and refresh it, it goes to the 404 page
Yeah, in my theme files, it just says
‘div id=”outer-wrap” class=”clr”’
So if I change that to class=”wpex-oveflow-hidden” that should sort it?
Just tried it, and the width bar is no more!
“If you go into the customiser and set the mobile menu to ‘sticky’, then save it – when I’m checking on a mobile and refresh it, it goes to the 404 page” – hmm….There is nothing in the theme that would cause a redirection to the 404 page. This sounds impossible.
You are saying whenever you refresh the page it refreshes but then goes to a 404, but you can still browse the site normally?
Is this the setting you are referring to: https://a.cl.ly/NQujDdeA
I set up this test site with the same header you are using and enabled sticky header on mobile and I’m not having this refresh issue – https://nightlywpex.wpengine.com/ – do you? Thanks for looking!
But ya, I can’t see how enabling sticky header on mobile would cause a 404 redirection on refresh, seems impossible…The sticky function just uses basic javascript to give the header a fixed position, how that could cause the page to refresh and go to a 404 makes no sense. I just tested your site though on my iPhone and i see the sticky header and refreshing is working just fine…
- AJ
More strange stuff now then.
Just tried the site on a mobile, refreshed it, and it went straight to a 404 page.
Went into the customiser and changed the mobile menu to ‘sticky’ and it worked perfectly.
Whew, who’d be a theme developer…
Yes, the settings you just published are the setings that I’m tinkering with.
Well now, it’s going to a 404 page if I DON’T make the mobile menu sticky.
I’ll UNsticky it for a few minutes and see if it (doesn’t) work for you.
So you are saying that now you have the issue when it’s disabled as opposed to enabled? Sounds like it’s definitely unrelated then…
Perhaps your server is having some issues and you just happen to be tinkering with settings at the same time?
- AJ
Possibly – I’ve just tried it on UNsticky AND sticky, and they both work fine now.
So that’s two out of three sorted – I’m going to try and get the top navigation menu working now.
Ya maybe don’t mess with anything for a bit and see…It really wouldn’t make any sense at all based on the way things are coded that the setting would result in 404 errors. 404 errors happen because the page doesn’t “exist” not because of a javascript error. 404 errors happen server side before the page/theme is even loaded.
Oh also, 404 errors get cached by the browser…so if you had a 404 on a page it could continuing showing that 404 until the device cache is cleared.
- AJ
Yeah, I think this update is the first one since I started using Lightspeed Cache.
Hi AJ,
Nah, I can’t stop the logo being covered by the admin bar when logged in as admin.
Here’s a screenshot when logged in as admin:
https://imgur.com/xTV7tcL...and here’s a screenshot on an incognito window (logged out):
https://imgur.com/qKo2Na7I’ve managed to do a little damage limitation by changing the menu type to Menu 5, and increasing the top padding to 30 (from 10).
Also I can’t put a logo into menu 5 as on a scroll, the logo changes to my old logo.
Ah well, damage limitation will do for now.
Another issue with the Total Text Block module, Row module, and any other module where you can add images in WP Bakery.
When clicking onto ‘Design Options’ within the row, text module or whatever, and then clicking onto the image box, rather than going to the media folder, the module just stays blank and scrolls up to the top of the page.
Funnily enough, the image grid module still works fine.
I believe that I’ve asked this before, but could I have a copy of the Total theme from before this update?
Hi,
- I personally can’t recreate the issue at all with the user bar, I would need to log into your site to see what’s going on. My guess is a 3rd party plugin is causing the conflict. That said, the userbar actually significantly slows down your site, personally I would recommend disabling it as it can help speed things up when working in the site.
Or you could always add some code to your site to disable the sticky when logged in, since you don’t need it:
add_filter( 'wpex_has_sticky_header_menu', function( $check ) {
if ( is_user_logged_in() ) {
return false;
}
return $check;
} );
- I can’t recreate the issue with the images at all and I haven’t had any other customer report the issue either. Is this a new issue or something that’s always been there? Nothing changed in this update in regards to how inserting images work. Here is a video of my test: https://a.cl.ly/NQujDZK9
It sounds like perhaps you have a javascript error on the page, most likely caused by a 3rd party plugin.
This is a fairly big issue so I would assume I would have more people complaining about it, so it really seems localized to your specific setup.
- You can send me an email at wpexplorer [at] gmail dot com and I can zip over the old version. But in the future maybe just save a backup of the site (you should have backups anyway just incase).
But why would you waste time reverting back to the old version?
- AJ
I’m just about to create something called a ‘jet backup’ from my server – back to the 7th of September, when I’m fairly sure that version of Total worked well.
The only “issue” you are having though is with the sticky menu when logged in, no? Is it really worth reverting back to an old version just for that? And then what happens when you do want to update in the future?
Wouldn’t it be best to just tackle whatever issue you are having now? Such as letting me log in to inspect?
- AJ
If you remember, I reverted back to the old version (around 4.3/4/5ish) as back then the new version had lightbox problems.
It was around 6 months before I upgraded back to the new version.
This morning I would have agreed.
However finding out that images could not be added is a whole new ball-game.
Did you want to log in?
Well, if no one else ends up having the issue with the sticky header and the user bar then it will never get “fixed” – if the issues are localized to your specific site then waiting for a future release isn’t really gonna do much.
I don’t mind logging in and taking a look to see what’s going on.
- AJ
Right, it would be a pleasure to have you tinker about.
I’ve still got the Jet-Backup running, but when it’s finished I’ll upgrade to the new version again.
Where did you want me to send your logon details?
Usually you would open a ticket, but your support license is expired so just email me directly to wpexplorer [at] gmail [dot] com.
- AJ
ps: I just thought of what could possibly cause the issue with the user bar…The theme was optimized so when it checks for sticky elements to create the offset (to ensure the sticky menu goes below any sticky elements above it) the theme now checks to ensure that the element is in fact before the menu. This is to fix issues where perhaps a user used custom code to move things around on the site. It’s possible that for some reason on your site the WordPress user bar is being inserted at the bottom of the page rather than the top where it’s inserted by default. This is pretty much my only guess since I can’t see any other reason why it wouldn’t work as expected.
I did notice that the Total theme has dropped to $29 so I’ll pick one up on Tueday morning, together with a year of support.
I did some damage limitation this morning as regards the sticky menu, but more important than that are the image uploads.
The sale ended yesterday – ThemeForest was running a sale for a week only.
Ya the image uploads issue is most likely caused by a plugin conflict, I’d be happy to look.
- AJ
Oh right. Themeforest made no mention of it being a week only sale.
This Jet-Backup is taking a while so it’s time for a few coffees methinks
Hang on, the Jet-Backup has completed.
I’ll just tidy up a little and add that line of code from last night, then I’ll leave it as is, and let YOU upgrade to the new version if thats ok?
Ya, I think ThemeForest only posts the start-end dates of their sales in the forums and not on the actual page :/
If you want me to update the site, you’ll need to send me FTP logins as well. Because if anything goes wrong i will need FTP access to fix it. In the past I’ve had people’s servers just randomly time out or crash during an update and then I have to wait to hear back from them with FTP logins so I just ask now to be safe.
Of course whether you do the update or I do the update it doesn’t matter.
Not sure what “line of code” you are referring to…If you mean the tweak in the header.php, this was in your child theme which should have stayed the same unless you reverted everything.
I was under the impression that the issue with image selection was happening previously, no?
- AJ
Yeah, the class=”wpex-overfow-hidden” bit, and I reverted everything.
The menu has been reset to Menu 3 with a padding of 10px top and bottom, and the menu height is reset to 50px, and works perfectly.
The ‘reading progress indicator’ is again on top of the sticky menu and works well.
The image uploader once again works perfectly on rows and text modules, so everything is now as it was before the update.
I think it would probably be best if you checked it out as it is at present, so that you can see what I mean, then either update it yourself, or give me a shout to update it for you.
I’ll send over WP Rocket’s details for you to login as admin, as WP Rocket are certainly not going to be needing access anymore!
Coming over to you in 5.
Sure that’s fine.
When you reverted back, did you revert WordPress and any other plugins as well or just the theme and WPBakery/Total Theme Core?
I got the email so I will log in and have a look and reply back to the email and well go from there.
- AJ
No, all I did was to change the code snippet and revert back to the old menus.
Is there any way to enable templatera element inside Grid container?
Hi,
You can do that like so:
add_filter( 'vcex_grid_container_allowed_elements', function( $elements ) {
if ( is_array( $elements ) ) {
$elements[] = 'templatera';
} else {
$elements . ',templatera'
}
return $elements;
} );
( this filter returns a coma separated list of elements.
- AJ
I’m having a layout problem on mobile. I want Grid columns on mobile to be 2 instead of 1 as default. Please help me.
Hi,
This is Aj the theme author. It’s very easy to change the columns for mobile but I need to know if you are showing a custom grid via the page builder or if you are referring to the default archives. Because depending what you are showing on the site the changes may be done via the Customizer or the page builder. If you can share the URL, then I can see what you want to change that would be very helpful – thanks!
- AJ
Please see the picture that I have set up for my website.
https://photos.app.goo.gl/FtYVPtts2Yi1p7VAA https://photos.app.goo.gl/FtYVPtts2Yi1p7VAAOk, so if you are working with standard archives (customizer) you just need to click on the responsive settings link – https://a.cl.ly/nOubNjjr – then you can adjust the columns for each breakpoint.
Sample video: https://a.cl.ly/DOur8pb2
- AJ
I have done it successfully.
However I am having this problem. I want to fix the font of the card style, I want to shrink it I can go to typography to adjust the font but I can’t Please help me. Thanks.
Hi,
Because there are tons of card styles and they are all different it wouldn’t make sense to have global customizer settings to modify them. But you can easily do it with a little custom CSS. Example:
.wpex-card-magazine_1 .wpex-card-title { font-size: 14px; }
Now, I actually just released Total 5.5 which has a new function so you can design your own card styles. I made a quick simple video to show you: https://a.cl.ly/2Nu7XJZB – so this way you have full control over the whole design if you want
- AJ
I have minimized the title. Now I want to shrink more meta tags, categories tags. Please help me. Thanks
If you are wanting to target with CSS you can do so like such:
.wpex-card-magazine_1 .wpex-card-header{ font-size: 14px; }
Now in this card style the date and terms are shown on the same line so this CSS would target both.
Also, if you just wanted to change the font size of your whole card you can target the entire card:
.wpex-card-magazine_1 { font-size: 14px; }
The theme uses EM units for font-sizes so targeting a parent element will cause all elements inside to change size.
- AJ
I have a question about Blog > Archives & entries > Image overlays > Category tags
For example, I have 4 categories A – B – C – D and I want to change the color of A or both categories A – B, is this possible?
Thanks for your support.
I got it working
Please ignore this message. thanks
Great! Thank you for letting me know!
Hi AJ,
I noticed in Total version 5.4.5 you’ve added a [site_name] shortcode. On several of my sites, I had added a [site_name] shortcode myself using the Code Snippets plugin. Here is the code I used:
add_shortcode( 'site_name', function() { return get_bloginfo(); } );
Will this cause any problems when I update to 5.4.5?
Connie
Hi Connie,
The shortcode in the theme is exactly the same – https://a.cl.ly/4guem2kL – the only difference is that in the theme I’ve actually set the get_bloginfo parameter to return the “name” rather then leaving it empty (the function will show the name by default, but it’s best practice to actually tell it what you want). Also in my function I’m using esc_html() which sanitizes the data for security reasons.
The end result should be the same
- AJ
OK, so it sounds like I can update safely and then remove the Code Snippets code. Thanks!
Yep and as always if you have any issues let me know!
- AJ
ps: 5.5 is right around the corner – https://wpexplorer-themes.com/total/upcoming-update-changelog/ – in case you wanted to wait and update when this version is released.
Hi AJ,
How can i get fixed background of the second row working in mobile:
https://www.vivasuecia.com/Thanks
Hi,
Fixed backgrounds are disabled on mobile because fixed backgrounds get blown up on iOS devices (it’s a known issue) so it ends up looking like a giant smudge.
This is the CSS the theme uses:
@media only screen and (max-width: 1080px) {
#wrap .bg-fixed-top, #wrap .bg-fixed-bottom, #wrap .bg-fixed {
background-attachment: scroll!important;
}
}
Which you could reset to test (aka add the same CSS changing scroll to fixed), but wouldn’t recommend it. Fixed backgrounds also require a lot of computing power and what usually happens on mobile devices is it makes it impossible to scroll because the phone can’t properly place the image. This is especially an issue with very large images and/or tall sections.
Now, if you test your self you need to test on an actual device like an iPhone or Tablet because you won’t see the issues on desktop even using mobile testing in Chrome, it’s only an issue on the native device.
I think (not 100% sure) that all devices have the issue, but I do know for a fact iOS does.
- AJ
With all your explanation then i will not apply fixed background to mobile devices. . Thanks so much.
PS: I opened a ticket today and Adrian y talking to me but please, could you check the ticket and of course send me an invoice if neccesary
Oh ya, the ticket is already assigned to me. I will reply back asap, thank you for your patience!
- AJ
Ohh great. Thanks. Dont worry about the time
Replied back, let me know if you have any other issues/questions!
Hi, I am using the built in demo content and have tried using the contact form but no emails are coming through despite success message appearing after submission. Have set up our recpatcha keys etc…. Not getting any of my test emails at all.
Hi,
This is Aj the theme author.
So the built-in contact form uses the WordPress email function wp_mail() – usually when emails aren’t being received it’s usually because they are being blocked by your email client or going to your spam box. Have you double checked that?
Have you tried changing the default email to see if it gets somewhere else? https://a.cl.ly/nOubNPq6
Now, if the emails aren’t being blocked or going to spam it’s possible the email function is not enabled on your server (most common with budget hosting or dedicated servers). WordPress makes use of PHP Mailer, can you verify that is enabled on your server?
This is a good plugin also if you want to test to see if WP is correctly sending emails – https://wordpress.org/plugins/wp-test-email/
Last, wp_mail does not work on localhosts so if you are testing on a local host that could be why.
I will look at adding some extra checks in the next update to show a notice under Tools > Site Health if php mail() is disabled to help with troubleshooting (doesn’t look like WP does this by default).
- AJ
