22359 comments found.
Hi AJ, is it possible to add text right of the logo between logo and menu? Customer asked for putting this sliding “Hardware – Software- Services” fixed right of the logo in three lines. See Surface-World
Hi,
Yes it’s possible, you’ll want to use a theme hook to insert the text: https://wpexplorer-themes.com/total/docs/action-hooks/
Example code to add to your child theme’s functions.php file:
add_action( 'wpex_hook_site_logo_inner', function() { ?>
<div class="next-to-logo-txt">Hardware – Software – Services</div>
<?php }, 40 );
This will dump the text right after the logo image then you just add any CSS needed to style things nicely.
But honestly I the best thing would be to actually add this text as part of the logo image itself as opposed to static text.
- AJ
Hi, How do i remove certain elements of the sidebar on the blog pages? Thanks
Hi,
You would go to Appearance > Widgets and here you can modify any of the widgets added to the “Blog Sidebar” or if that one is empty then you would modify the “Main Sidebar” which is the fallback sidebar area.
- AJ
Hi AJ,
Hope all is well you you man, had a quick question for you if you have a minute.
Is there a way to put a woocommerce shortcode in a total button, like this:
Obviously this way won’t work, so I was wondering if it is in fact possible?
Asking because I like my custom button style (icon + text)
If not, I’m guessing just make a text block for the shortcode and add a custom class name for it, but is it possible to add an icon to the left of the text in the button this way?
Like… before: or something? how would that work?
No worries if not.
Thanks!
Hey AJ, I’ll just keep all my stuff in this thread. So I’m redoing the site and adding woocommerce for digital download products.
Few issues I’ve run into:
1.) In WooCommerce emails section, when clicking “Click here to preview your email template.” just opens a blank page and says “Security check” in plain text top left, and that’s it.
2.) I’ve setup a sandbox for paypal and have done a successful purchase for a digital download, however when you go back to the site there is no place to download that file.
3.) On the checkout page, when you click “What is PayPal?” the link then goes to paypal in the current window, and also the popup. Thus leaving the checkout page, not good obviously.
Shots:
Thanks AJ
Ok I’ve fixed #2 with my paypal sandbox configuration just had the wrong receiver email address.
Hi,
1. You don’t need to use a shortcode in the Total button you can actually link directly to the cart like such: https://wpexplorer-themes.com/total/snippets/woocommerce-add-to-cart-link/
2. The security check appears to be a known plugin issue: https://wordpress.org/support/topic/email-template-preview-throws-blank-page-with-security-check-text/
3. When you click the What is PayPal? button it should not be leaving the page, WooCommerce uses javascript for this popup and shouldn’t be going to the actual URL. I tested locally to confirm: https://cl.ly/52b4f8
If your site is leaving the current page there could be a conflict with another plugin or a javascript error on the page, can you share the URL?
- AJ
Thanks AJ, it was page animations that was causing the “what is paypal” link error!
I switched from my child theme to main theme and it worked, so I troubleshooted a few things and sure enough it was page animations, so turning them off fixed this.
All good with everything else thanks, but how do we fix the secrity check error with email templates?
Thanks for the forum link, which says solved and points here: https://github.com/woocommerce/woocommerce/pull/23362
I’m not sure what any of that means or what we’re supposed to do?
Basically you need to wait for a WooCommerce official update or manually edit the plugin to make the changes proposed in the commit – https://github.com/woocommerce/woocommerce/pull/23362/commits/b48031a74cbf698698f0a39b5a4149e0cf7d02ce
- AJ
Regarding the page animations…because they have an in and out animation it needs to run whenever a local link is clicked. So there is a list of links that get excluded in the script. I’ll be sure to include the paypal link to the list of items to exclude. I can send the updated file if you want.
I’m actually looking at making a new “preloader” screen to either replace the page animations or be it’s own addition. A preloading screen only loads when loading the page not when clicking out. thoughts?
- AJ
AJ, thanks man!
WC updated today and fixed the template issue. All good there.
Page animations yeah it’s up to you if you want to update it, I was only using them because my header would do a subtle kind of movement when the items loaded. I just used the page animation to hide that, plus the fades looks nice which is a bonus.
I guess the disadvantage is the visitor might have to wait a bit longer, especially with pages that might have a YouTube embed or something. (But I think there’s a lazy load for audio/video player embeds right?)
No need to upload the update until you do an official theme update. But definitely I’ve been anticipating your new prelaoder! Let us see it! Do it! We’re ready!
Thanks AJ
Hello AJ,
I’ve just noticed than in 4.8.4 my Image Sliders no more display thumbs VERTICALLY in iLightbox as set in the module, example here (in middle) : https://culture-officer.fr/12481
(without module in child theme, and no worrying for the arrows, that I’m customizing)
Image grids seem OK, like in this unfinished post : https://culture-officer.fr/5150
Michel
AJ, I forgot to ask you if there’s somewhere a transition time set to open images in iLightbox (I didn’t find any), in which case I could reduce it if possible (but my perceived delay may be due to image loading time, even without lazy load)
Thank you
Hi Michel,
Thanks for the heads up! I fixed the lightbox issues. Here is the updated script – https://cl.ly/33ae47 – you can extract and replace in Total/assets/js (but only if your theme is up to date on 4.8.4)
There is a small fade transition which you can disable in the Customizer under General Theme Options > Lightbox and uncheck the box that says “Animated Effects”.
And there will be some small delay if the image is not yet loaded as well as in the parsing of the gallery carousel. Plus if you have any videos in a lightbox gallery the script does wait for the videos to parse before opening the gallery.
- AJ
ps: I am actually considering switching the default lightbox in the theme with a better and slimmer one (without any skins). The one being used in the theme is called iLightbox but the original developer is no longer supporting it and it has been removed from the market – https://codecanyon.net/item/ilightbox-revolutionary-lightbox-plugin/3716175 – so I would rather use something else. If you know of any or want to have a look around the internet and you find a cool lightbox script you think would be great with Total I’d love to hear your suggestions, thanks!
I’m actually looking at this script – http://fancyapps.com/fancybox/3/ – to replace the lightbox in Total. It’s really nice and can be fully customized. Also I’m liking the idea of creating a new Modal Popup builder block (for showing a popup message when clicking a button) and maybe even a new Post Type Grid module with images that you can click on and show a popup with the post image/title/excerpt) this would be great for it.
Of course it only has 1 skin but that just means slimmer Total 
I know you’ve put a lot of time customizing the lightbox already and adding custom scripts to target lightbox in Total but I do think this would be an improvement and I can help tweaking any of your mods when the update rolls out if needed.
I could look at having a setting to use the “old” lightbox scripts on your site if wanted but I don’t think that would be needed.
As a customer who has been using Total for quite some time I really value your thoughts on this, thanks!!
- AJ
Hello AJ,
Seems like we’re talking in almost real time 
Thanks for the js update, it works fine, like the lightbox setting in Customizer.
And for worrying about my lightbox use, I’ll adapt to your change 
Before using Total, I had noticed the nice Fancybox on this site : https://foliovision.com/2019/04/faroe-islands-world#more-78153
As well as Modulobox (by authors of Flow Flow and Superfly) : https://theme-one.com/modulobox/demos
And these freemium plugins :
https://wordpress.org/plugins/responsive-lightbox https://wordpress.org/plugins/simple-lightboxI’l tell you if soon come across a nice other lightbox.
As for modal, I’m currently using the feature from “Ultimate Addon” plugin : https://ultimate.brainstormforce.com/modal (OK for my basic use)
Michel
Thanks Michel,
Modulobox seems like a nice alternative as well I’ll take a deep look at both FancyBox and Modulobox and see which may be best and go with that
Just doing a quick look I believe FancyBox is slimmer (smaller code) which is something I would probably lean on more towards as opposed to more “features” but I’ll study both carefully.
Again, thanks!
- AJ
Hello AJ,
Don’t hesitate if I can help you improve or test this already wonderful Total theme, I’ll be so glad to give back a little of the great support you give me
I’m getting very close to my “ideal” site configuration, and currently have 2 minor “issues” :
1: I’m using a dynamic template for a CPT single (glossary entries), it works fine but I didn’t succeed to position social share line (from child functions.php) below the post content – it stays at the page top left.
So instead I’m trying adding a HTML module at template bottom, but I don’t know what “dynamic” post URL to put there – assuming it’s feasible that way.
2: For Post Terms module, I haven’t found how to set a standard title hover attribute for the links – saying something like “Select posts with this tag”.
Michel
Hi Michel,
1. If you are using the Dynamic template you should instead of enabling social share on this post type use the Social Share module in the builder for your dynamic post – https://cl.ly/66039e (this will always be horizontal)
2. This is going to be complex, it would require modifying the actual module output. Honestly I wouldn’t recommend this for accessibility or SEO (but also most people don’t hover long enough to view title tags). If you think there will be some confusion I would recommend adding a heading above the Terms module that says something like “Post Tagged Under:” or something like that.
- AJ
Thank you very much AJ, the Post Terms module works fine
And for your recommendation for item 2, which I’ll apply.
Michel
Hi AJ, Is there an easy way to add data-no-lazy=”1” to logo images? Currently if you have the wp rocket lazy loading plugin, showing and hiding the sticky menu by scrolling down and back up again destroys the original header and the image does not load again once it is remade.
Hi,
I hope you had a nice weekend. Thanks for sharing the link, very helpful!
- AJ
Hi Aj,
Hope you are well.
1. When using staff carousel, I want to see only a few specific staff people that I choose. I guess I will need to use advanced query, right? If yes, could u please provide me with the instructions and code on how to do this?
2. Staff grid has an option to show categories, however, staff carousel doesn’t have this option. I really need this option for staff carousel. How to enable this? If it can’t be enabled that simple, can you create a custom code for me and if yes, how much would i cost?
3. I would like to use and see staff categories under staff names (on desktop computers), however, I would like this hidden on mobile devices. How to achieve this?
4. I need new post type “organizations”. Basically, it will have all the same properties and option as staff. This means that on the WP panel on the left I will see Organization and that I can also use WP Bakery page builder and add “Organization grid” from there. Please instruct on how to achieve this. P.S. Just to mention that I already use “portfolio grid” for some other things.
Please assist.
Thank you in advance.
Best regards, Brando
Kind reminder
Hi Brando,
Thank you for your patience over the holiday weekend, I hope you had a good one!
1. The easiest way is to simply create a new category for the members, then you can select that category in the Staff Carousel module under Query > Include Categories.
Now if for some reason you didn’t want to make a category for this (a category will be easier to manage) you could use an Advanced Query and define the items you want via the post__in parameter, example: https://cl.ly/2ecc8c – the value should be a comma seperated string of the post ID’s – https://wpexplorer-themes.com/total/docs/locate-page-id/
2. It would make sense to add the Categories option to the Carousel in the next Theme update (good idea) to keep consistency. This requires edits to 2 theme files. I can send you the files to update via FTP so you don’t have to wait for the official theme update if you want let me know.
3. You can hide them with a little custom CSS. Example:
@media only screen and (max-width: 959px) {
body .staff-entry-categories { display: none; }
}
4. You can use my “Post Types Unlimited” plugin to create any number of new post types, please see here: https://wpexplorer-themes.com/total/docs/adding-custom-post-types/
- AJ
Hi, I am trying to login to my website (using total theme) and when i click the login button from the hamburger menu, it doesn’t respond, nothing happens. Usually a window would pop up to let the user login. Please help me. thanks
Hi,
This is AJ the theme author. I hope you had a nice weekend.
Can you share the URL so I can take a look? Since the login link isn’t something default in the theme menu I need to have a look at how it’s been added to your site. Thanks!.
- AJ
winningodds.co.uk
Hi,
Looks like you are using a popup plugin for the login and it’s working for me – https://cl.ly/c106f2 – did you manage to fix the issue already?
If you can’t get it to work on your site still try clearing your browser cache.
- AJ
ps: I noticed you have some http items on your site breaking the https protocol. Make sure whenever you switch protocol to make a site-wide database search and replace for your domain. So basically do a database search for http://winningodds.co.uk and replace with https://winningodds.co.uk – to make sure you don’t have any resources or links on your site using the older http.
- AJ
Hi, thanks for your message. I’m talking about the login button that is visible once you’ve clicked the hamburger menu icon (see this on smartphone/tablet). It doesn’t do anything when you click it. The other menu items work and the login button does work on the full menu (when viewing on desktop). It just doesn’t work on the hamburger menu. Here is the menu that I mean, the login button: https://postimg.cc/fVQw4q9D
Thankyou
Oh,
Has the button ever worked on mobile? The way the mobile menu is created is via javascript so it sounds like the plugin you are using for the popup isn’t targeting dynamic elements so nothing happens when you click on it. This is something you’ll need to ask the Membership plugin developers about.
Now, an alternative may be to create a separate mobile menu – https://wpexplorer-themes.com/total/docs/create-custom-mobile-menu/ – so the login link goes to an actual login page instead of a popup at least for the meantime while the plugin developers help fix the issue or if the popup itself isn’t mobile friendly.
- AJ
It’s just a standard menu created in wordpress in the menu area.
Correct, it’s a standard menu item. But you are using a plugin that adds javascript to create the popup function which doesn’t appear to be targeting the mobile menu version of the Login link correctly that is generated dynamically using javascript. If you copy my reply and share with the plugin developer (the developers of the member ship plugin you are using that is adding the login popup script) they should be able to assist you.
- AJ
Make sense now?
Hi AJ,
Still enjoying your theme!
I was wondering if there is an option where I can scroll through the items with lightbox in a post type grid element. See this page for example: http://sjartec.100test.nl/tegels/?filter=xl
I want to click on the item, what opens a lightbox of the featured image of that post. and then I want to scroll through all the items in this custom post type grid in lightbox.
Hi,
I’m glad you like the theme. I hope you had a nice weekend as well
Unfortunately there isn’t any option for the lightbox gallery in the module at this moment. It’s a great idea so I added it to my todo list. But it’s actually somewhat tricky because of the grid filter, you need to re-run the script for lightbox each time a filter link is clicked to make sure that only items in the current filter are being displayed in the lightbox which will take some modification to how lightbox works by default in these grids.
I do think it’s a must have option though so I’ll work on the update. Do you want me to let you know when it’s ready? I can’t provide an ETA right now because I have some other items on my to do list that come first but I can at least keep you posted here in the comments if you want.
- AJ
Hi AJ,
I sure did had a nice weekend!
Sounds great! Please keep me posted in the comments whenever you can. ^^ Good luck with building this new feature.
Hi,
Ok so I got the edits done for the next theme which requires updating a php and a JS file if you want I can send these over to you now and you can update via FTP. Otherwise I am planning a Total update hopefully by next week (I was going to update this week but I need to do a somewhat big update for some ThemeForest rules which I will be doing over the weekend which involves extracting some parts that are in the Total theme and placing them into a “Total Companion” plugin which will be auto installed/activated when you install Total – so nothing that would change the theme but just to comply with some marketplace rules).
Here is a video of the edit so you can see it working: https://cl.ly/3fa1fb ( so the option will open a gallery of items from active filter only)
- AJ
Hi AJ,
That looks great! Nice job! It’s okay. I can wait until the next update.
Thank you!
Great I should hopefully have the update ready sooner then later but feel free to message me if you want the files whenever.
Now. I am planning on switching the default lightbox inside the theme to a slimmer script – http://fancyapps.com/fancybox/3/ – not sure if it will be this update or the next. But just a heads up So the lightbox should be even nicer and faster in the future
- AJ
Hi AJ,
Ooh that library looks slick! I like the effect when you click on the image and it ‘grows’ into an lightbox. Can’t wait for this one!
Thanks for the feedback I have shown it to a few customers and received positive feedback, so I will definitely be making the switch very soon
Hi. I currently use Slider Revolution for a top animation on my site but would like to remove the slider and use a gif animation as the header. My question is, how would I accommodate different device sizes? For example pc, tablet, and phone. Will i need to create three different animations? And how would the website/theme know when to use which one?
Hi.
A gif should resize according to the device (get smaller depending on the sceen size). There is no need to upload multiple. However, if you did want to upload multiple it’s very easy to define which image to display at the different browser sizes. You can use the Total Image module to insert your gifs and then use the visibility setting to define when to display each one – https://cl.ly/01f860
- AJ
Hey AJ – if you are around I have a doozie – sent you an email – let me know if you are available to take a peek
I don’t see any email from you. Can you post your question here? I don’t want it to become a habit for people to email me directly I’d rather have support done via the correct methods. Thanks!
- AJ
It’s ok – it’s not a Total question – just wanted a fresh set of eyes but I do understand. Have a good one!
Ha, ok Well if you want me to look let me know.
Just can’t post here – nda stuff but it’s ok
Hi AJ – Hope you had a good weekend! Have you had any time to look into this? Let me know when you can. Thanks!
Hey man, I had a great weekend, thanks! I hope you did also
Will have a look in a sec, have quite a few things to catch up on from the weekend. Thank you as always for your patience!
- AJ
No worries AJ – I appreciate what you do which is why Total is my GoTo theme for developing.
Replied to your ticket. Gonna grab some lunch, I’ll be back
Got it and replied! Happy eating!
Is there a way to add a Facebook LIKE button to blog posts? Checked the docs (and Google) and didn’t find an answer. Thanks.
Hi,
Well you can enable the default theme’s social sharing function which has different social buttons but not the embeded “Facebook Like” button which I believe you are asking for.
You’ll want to use a plugin for this or if you are using a child theme it would be very easy to add. I made a snippet for you: https://wpexplorer-themes.com/total/snippets/facebook-like-button-posts/
Simply put in your child theme’s functions.php file then go to Appearance > Customize > Blog > Single and locate the new “Block” so you can enable and move it around – https://cl.ly/b6b55b
- AJ
ps: If you do like the theme please consider renewing your support license, it helps out a lot – https://wpexplorer-themes.com/total/docs/renew-support-license/ – thanks!
Thanks. I’ll look into that. I have also renewed my support license multiples times throughout the years already.
Great, if you have any issues let me know
And yes, I see you have already renewed several times, I appreciate your continued support!
- AJ
Hi A.J. I purchased another license for the Total Drag and Drop theme because I love it so much and wanted to use exactly the same format for another website. However, when I downloaded the theme and uploaded the zipped child theme, I am not getting anything that looks like the theme I originally purchased! I keep getting a link to Total Plus by Hashthemes. I want your theme with the WP Bakery Page Builder and the related plugins (Mega add-ons, etc.). I downloaded the link from my original purchase. What am I doing wrong?
Hi there,
Sounds like your site may have already had the free “Total” theme installed, Hashthemes released a theme for free with the same name to trick people into buying their stuff. Unfortunately there is nothing I can do about it. So log into WordPress and locate and delete that theme, if it’s active right now enable the default Twenty 19 theme or other default WP theme. Then you should be able to install this Total theme correctly.
If you still have issues let me know!
- AJ
Hey there! Thanks for your quick response. I did what you said several times before reaching out to you. I downloaded a fresh TOTAL install from the original link where I purchased/added a second license to the theme. Could it be that your files were exchanged by Envato? I can’t seem to get the right download.
Hi,
It’s literally impossible that the files were “exchanged” (and hundreds of customers would be complaining by now if that was the case) what is possible is that at some point you download the “free” Total theme and they have the same name so your browser is caching the Total.zip file name and giving you the same file each time.
I would recommend you use a different browser you don’t normally use, log into ThemeForest and go to your downloads to download it. And or clear your browser cache.
Of course you can always submit a private ticket so we can help install the theme for you if needed – https://wpexplorer-themes.com/support/
- AJ
Hello AJ,
In Blog Grid module, I haven’t succeeded to use dates in an advanced query such as :
&cat=235,-498&post_date >=’2018-12-31’&posts_per_page=-1&orderby=menu_order&order=asc
The number of posts returned remains the same whatever the date typed, only categories are matched – I’ve of course carefully checked the corresponding publish dates.
Maybe this syntax is wrong, or it’s due to the fact that in this module, I’ve set the excerpt length to “-1” to show the entire posts contents
(which apparently creates the problem that I mentioned earlier : with the code you sent to me, categories are displayed for only a few posts)
Michel
Hi Michel,
- The syntax isn’t correct if you have a look at how WP_Query works – https://codex.wordpress.org/Class_Reference/WP_Query – there isn’t any such thing as post_date you need to use the date_query parameter and you can’t use ”>=” in a query string it needs to be formatted as %3E%3D. e.g.
date_query[][year]=2018&date_query[][compare]=%3E%3D
- I get the feeling you have modified the blog grid template file in the past which could be causing some issues. Have you tried renaming the file in the child theme for a quick second to verify?
- AJ
Thnk you very much AJ, this kind of wordpress technique is sooooo difficult for me 
I haven’t succeeded adding the date filter as you say : http://a.pnet.fr/blog-grid-query.png – the blog grid still displays the full list of posts unfiltered by date, (even after disabling child theme.
Would you please know where I can find info about the type of syntax you mention (to add in the module field), I have only found syntax for “php … array …”
(also to know how to set a date including month and day, and date range)
Michel
Hi Michel,
I’m not sure if there are any guides out there because it’s basic PHP. I’ll write up a documentation page with examples. Your query looks correct but I just realized above you wanted to show items using >=2018-12-31 the query I gave you is to show posts from 2018 or higher but you want to exclude 2018 so switch that to 2019 otherwise if you wanted to actually include the last day of 2018 (seems weird) you’ll need to also add the day and month to the query or you could do something like…
date_query[][after]=December%2031st%2C%202018
Which is probably closer to what you wanted (I tried it and it works perfectly). So as you see we are setting the date_query after parameter value to ‘December 31st, 2018’ but it’s encoded for a URL string so the empty spaces are replaced with %20 as you can’t have empty spaces inside a string query.
You can try “Googling” something like php url query or php string query and see if there are any guides out there, I pretty much just learned this from experience looking at examples online. I’m still not a “pro” but I know the basics
- AJ
Hello AJ,
Thank you so much for your kind help, it works perfectly
I haven’t found on the net how to make URL queries, although this page helps but only with PHP and JSON format : https://crocoblock.com/wp-query-generator
For a date range like 2018/12/15 to 2019/01/15, maybe I can use this :
date_query[][after]=December%2015%2C%202018[before]=January%2015%2C%202019
Michel
Hi Michel,
Yes that query should work correctly, let me know otherwise.
Cool looking tool (would be better if it worked for you though). I would love to built something similar but to generate string queries but not sure if I could find the time, right now I’m working on updating 15 free themes developing 8 new plugins and of course Total updates and support Actually hoping to finally get a new Total demo out this weekend and also the 4.8.5 update.
I’ll see how much a freelancer would charge me to make that tool so I can link to it directly from the Total module or even make a popup in Total to build the query.
- AJ
Thank you, AJ.
You’re extremely courageous to tackle so many projects, I wish you success in all of them – and in future ones too of course
Michel
I have a menu with all but one links going off to normal pages and 1 link that is an anchor link on the home page. Issue is its highlighting the pricing menu item when i am on the home page and i only want it highlighting when its at that section on link being clicked. I don’t really want multiple menus and i can’t just use # with no site url prefix as it won’t work on other page. Any ideas? thanks LT
Hi there,
Is your local scroll link in the main theme menu area and using the “local-scroll” classname as shown in the docs? https://wpexplorer-themes.com/total/docs/creating-local-scroll-menu/
By default WordPress has a current-menu-item class which is given to all menu items when they link to the current page but Total has a function that removes this classname if the local-scroll class has been added and the link is in the primary theme menu – https://cl.ly/9661d8
If you are using a menu plugin or the link is added elsewhere then the current class would have to be removed some other way. In which case you’ll want to share the URL so I can take a look.
- AJ
Hi no I was just using anchor links on the page. I didn’t find this local scroll in the docs as I think I was searching for anchors. I have used this now and works perfectly thanks
Hi there,
This question might not be directly linked to Total theme, but may be rather concerning Wordpress in general, so it’s open to everyone redaing here :
As a photographer, i need my images to be tack sharp, although i have never been too opsessed about it, i see more and more really sharp images on other sites…
Thumbnails on my www.laurentfabry.com photography feel pretty soft, i feel
Does anyone know how to deal with that without adding too much dedicated plugins ?
Thanks
Hi there,
There are a few reasons for images to not look “super sharp”. Lets take this page for example: https://www.laurentfabry.com/photographie/sport/
- First off, the images are all jpgs which can be lower quality by default but also in WordPress jpgs are compressed by 80% when they are resized so they lose a bit of quality unless defined otherwise via some custom code like this added to your child theme:
add_filter( 'jpeg_quality', function($quality) {
return 100; /* 0 = strong compression / 100 = no compression */
} );
And if you already have a bunch of images on your site and you are just now adding this code you’ll need to run a plugin like “Force Regenerate Thumbnails” to regenerate all your images.
- The second and probably more impactful issue is simply browser resizing of your images. If an image is showing at a size smaller than it’s original size it can lose some quality (it’s more visible on some browsers than others). There is nothing you can do about this besides setting up your site so that images always display at their natural size (which for a responsive layout is nearly impossible).
Looking at this URL you have a grid that is full-screen and your images cropped to 450px so as you resize your window images get bigger and smaller the bigger and closer to their original size the better they will look. You could change the page so the grid isn’t full-screen and then you can do some math and calculate the exact size your images should be (container width – spacing between columns / columns) and this would make images render perfectly when the site is viewed on most large screens where the container width isn’t being resized responsively.
Right now at 450px cropping for your images with a 20px spacing between them, your images will render best when your browser viewport is at 1860px or wider ( 450×4 + 60 ) where your images will be shown at their default size.
In terms of the theme itself there isn’t anything I can do. You can only try and tweak things perfectly on your end so that images are not being resized on most monitors, use png’s instead of jpegs or increase jpeg quality, or in some cases showing bigger images could look better (so instead of 450 cropping maybe 1000px cropping – but then you need to make sure you have a good/fast CDN so your images don’t take a long time to load).
Hope this all makes sense now.
- AJ
Hi AJ,
Very interesting thank you, although my first tests seem to show that the thumbnails don’t look any sharper when they are displayed at their 450 original size, it’s even the opposite !
I am now regenerating them with less compression (which is taking a while), as i absolutely didn’t know Wordpress was compressing that much !
Thanks a lot for your help about what is way outside the scope of your theme, and the compression filter code
You can always try regenerating 1 image first to make sure that’s the problem.
Well, done them all… but they are still soft !
From now on i will check the photography websites i visit but i’m ready to bet that the thumbnails look sharper when the site actually uses large or full sized images instead of thumbnails (it’s kind of weird, but browser “resizing” makes them look more crisp !)
This will come with a penalty in terms of page loading time and SEO, so i don’t think i’ll do that anyway
Hi,
Did you first make sure to add the code so that the jpeg quality is 100% in WordPress?
Looking at this image:
- https://www.laurentfabry.com/wp-content/uploads/2018/04/465-LF-TVSB2015-DSC_2633.jpg
- https://www.laurentfabry.com/wp-content/uploads/2018/04/465-LF-TVSB2015-DSC_2633-450x300.jpg
I do see some quality lost. Tried using your image on my own site and running it through the resizer and my quality seems much better, here is a video: https://cl.ly/9daed2
The quality is definitely lower on your server (using the same image to start) it’s pretty visible (not sure if you can see it well in the video but I can see it locally). Do you maybe have any plugins active that could be compressing your images?
- AJ
Yep it’s hard to see from the video so I uploaded the cropped version from my localhost so you can compare:
- https://www.laurentfabry.com/wp-content/uploads/2018/04/465-LF-TVSB2015-DSC_2633-450x300.jpg
- https://cl.ly/06b8d2
The one on your site is definitely a bit less crisp. Both generated from the same original image and theme so something outside the scope of the theme is causing this.
- AJ
Hi, is it possible to include a page in a column in some better way than an Iframe? Like it is possible to add a page through the page-id in the header? /Erika
HI Erika,
Of course it’s possible using theme hooks, what are you trying to do exactly?
For example you could make a template under WPBakery > Templates and then include this in the header, it’s very easy and I can provide the code. Here is an example: https://wpexplorer-themes.com/total/snippets/insert-template-content-via-theme-hooks/
You just have to change the “wpex_hook_header_after” hook to the appropriate hook where you want the content added – you can view all hook names under Theme Panel > Custom Actions or let me know what you want to do exactly and I can help modify the snippet accordingly
- AJ
Thank you for your respons but I think I was bad at explaining what I ment .
I have a sidebar with a menu which includes trail number signs and icons (see fjallupplevelser.com/led/220/). To be able to design that and still be easy to change, I made it as at page. And since it is a menu, it’s gonna be on a lot of pages and more trails will be added now and then. I have now added the page as an iframe but that is not optimal since it has to have a fixed height.
Since it’s possible to add a page in the header through the page-id under Customizer/Header Aside Content, I wondered if it is possible to do that with a shortcode on a page. Like add a shortcode-block and write [add page-id-597]. Or in some other way …
/Erika
I found out how to do it! I now read Total Docs more carefully
I made the menu as a template and added the template in a widget. It doesn’t matter if i change a template or a page.
I knew that it should be possible to do it in a simple way. I love this theme!
Oh awesome! I’m glad you figured it out, if there is anything I can do to make the documentation easier let me know!
- AJ
ps: I am glad you like the theme if you have a moment to go to your ThemeForest “downloads” and give the theme a rating I would really appreciate it, thanks!
Hi, icon font are not working on mobile (android) and Google Chrome. Can you help please? I didn’t make any change on the code. Our site is https://projetochutebol.com.br
Hi,
Actually the fonts aren’t working anywhere, if you see the icons on your computer it’s probably because you have the icon set installed on your computer. When looking at the site you can see the access control errors: https://cl.ly/77ba5d
Basically your server or a security plugin on the site is preventing the icon set from loading on the site. You can try a quick .htaccess fix and see if that works as mentioned here: https://wpexplorer-themes.com/total/docs/font-icons-not-working/
- AJ
Thanks so much for the quick reply! I will try to fix it.
Of course! Let me know if you need anything else.
How can I have a sidebar to be displayed on custom taxonomy archive pages?
Hi,
By default any custom taxonomy archives use the same layout as your standard blog archives which is controlled under Appearance > Customize > Blog > Archives & Entries > Layout.
Now, if you have set your main archives (category/tags/blog) to be full-width but you want a sidebar on your custom taxonomies you’ll need to use a little code in your child theme for this, it’s pretty easy using the available theme filters. E.g. https://wpexplorer-themes.com/total/snippets/altering-layouts/
- AJ
Hi AJ, thanks for the reply. So just to be clear, I have a page that is showing the sidebar that is used for the main archives. However, I want to use a custom sidebar on the page. Right now, although I select the custom sidebar I’d like, by default, it uses the sidebar that is for the main archives. By adding the Alternate Layout code that you supplied will provide the ability to override the default and use the custom sidebar?
Hi,
To be honest I’m not quite understanding what you are doing. So you create a custom widget area under Appearance > Widgets correct? And now you want this widget area to display instead of the “Main Sidebar”? Correct?
So if this is a standard page you can override the sidebar via the page settings: https://cl.ly/a58fef
Now if you want to override the sidebar widgets on multiple pages or an archive (which doesn’t have access to page settings) then you would have to use some custom code via a child theme. I can provide this code but I need to know exactly where you want to change the sidebar (taxonomy archive name, post type archive name, page id’s or child pages of what parent…etc).
- AJ
Hi AJ,
Again, thank you for your reply. I recorded a short video that shows what I’m trying to do. I don’t want to change the main sidebar, only the sidebar within a directory that I’ve created. Hopefully, this video explains it better. https://www.screencast.com/t/ssiiRQNv
Hi.
Thank you for the video, very helpful!
So basically your page that displays the directory items isn’t “related” to the actual categories which is why it only appears on the main page. Now, if you are using a child theme – https://wpexplorer-themes.com/total/docs/child-theme/ – it’s very easy to do what you want with a little code. Example: https://wpexplorer-themes.com/total/snippets/alter-sidebar/
So in your case the example would be modified to target the directory archives. I can provide the code but I need to know the name of the taxonomy and your sidebar ID. Example:
add_filter( 'wpex_get_sidebar', function( $sidebar ) {
if ( is_tax( 'taxonomy_name_here' ) ) {
$sidebar = 'categories';
}
// Return sidebar
return $sidebar;
} );
Make sense?
Now, I do see you named your sidebar “Categories” I would recommend giving it a more specific name such as “Directory Categories” just to prevent any confusion. You can just make a new sidebar drag the widgets into the new one and delete the old one if you do choose to do this.
- AJ
Hi! I’m glad the video was helpful.
I’m not following what you are saying. If you open the categories widget you will see that it says directory categories. I did make a new sidebar but didn’t drag the widgets because they are the same ones.
You can find the categories that I’m referring to in the left sidebar under Hometown Network Directory. Those are the categories that I want in the sidebar, just like what I’ve done on that directory homepage I showed you in the video.
Thank you for your continuing assistance in helping me solve this issue.
I”m also getting this error code on the top of the dashboard page: https://www.screencast.com/t/Ak2C6hT0Yi
Hi,
- Regarding the sidebar. So you set a custom sidebar for your main Directory “Page” which is why the custom sidebar is showing up correctly there. But there is no actual relationship between this “page” and the actual directory categories that’s why the custom sidebar only gets applied to the page and not to the categories.
In order to define your custom sidebar for the categories you need to use some code via a child theme – https://wpexplorer-themes.com/total/docs/child-theme/
Just like the snippet I provided previously:
add_filter( 'wpex_get_sidebar', function( $sidebar ) {
if ( is_tax( 'taxonomy_name_here' ) ) {
$sidebar = 'categories';
}
// Return sidebar
return $sidebar;
} );
So you would copy and paste this in your child theme’s functions.php file and then change where it says “taxonomy_name_here” to the taxonomy name being used for the directory categories. If you aren’t sure what this name is you can locate it in the dashboard, whenever you edit a taxonomy the name displays in the URL. For example if you were to go to to the Total portfolio post type category dashboard under Portfolio > Portfolio Categories you will notice that the URL is the following:
site.com/total/wp-admin/edit-tags.php?taxonomy=portfolio_category&post_type=portfolio
So the taxonomy name would be what follows “taxonomy=” in this case it’s “portfolio_category”. So when logged into WordPress go to the dashboard where you add/edit Directory categories and look at the URL to locate the name for the taxonomy used for Directory categories.
- None of those errors in the dashboard are coming from the theme, you should try disabling plugins 1 by 1 to see where they may be coming from.
- AJ
Hi AJ!
I have a question about the grid builder in combination with a post grid for team members.
I have made a custom grid to display all team members. In the grid I have added a button that links to the single post. For 2 of the team members I would like to remove the button. Can this be done in some way?
Cheers, Rafael
Hi Rafael,
The only way to remove the button for the 2 team members is to hide it via CSS. Each entry should have custom classnames you can target. If you share the URL and tell me the 2 members I can provide the sample CSS.
- AJ
Hi AJ,
I was looking for a custom selecter on each entry, but couldn’t find one haha. The page with the grid is: http://aandagtvooru.nl/daadkracht/over-ons/daadkrachters/
The persons for who I would like to hide the button are: Fiona Voeten and Gieneke Tent.
Thank you in advance!
Ah shoot you are correct, I honestly though each grid item had the post classname in the vc_grid-item element. This may be a bit complex. Let me read though the WPBakery plugin code and see if it’s possible to easily insert the post ID as a classname (like post-{ID}) via a child theme to each grid item so you can target them. I’ll get back to you once I figure something out.
- AJ
Ok. Took me about an hour to figure this out but it’s definitely possible just a bit complex (to figure out but pretty easy to implement).
Step 1: Add the following code to your child theme’s functions.php file:
add_filter( 'vc_gitem_template_attribute_post_id', function( $value, $data ) {
extract( array_merge( array(
'post' => null,
'data' => '',
), $data ) );
return $post->ID;
}, 10, 2 );
This adds a new template attribute that can be accessed in the grid templates which are using underscores js to render.
Step 2: Create a vc_templates folder in your child theme.
Step 3: Add this file to your new child theme’s vc_templates folder : https://cl.ly/03e839 – which is a modified version of the default grid item template which includes the following code:
// TOTAL MOD START - ADD POST ID CLASS
$css_class .= ' post-{{ post_id }}';
// TOTAL MOD END
The result now is you should see a post-{ID} classname on each grid entry like such: https://cl.ly/c76550 – and this will allow you to target them individually via CSS.
If you have any questions let me know!
- AJ
Perfect! Thank you very much, this is exactly what I need!
No problem Thank you for your continued purchases and always being such a great customer!
Just let me know if you need anything else,
- AJ
ps: I am sure you have probably already rated the theme before, but if you can take a second next time you log into ThemeForest and rate the theme again I would really appreciate it!
Every time I click on my ‘Events Calendar’ and the page opens up, this error sits at the top: “No matching events listed under events. Please try viewing the full calendar for a complete list of events.”
I have not searched for anything yet, and the error is already displayed. How can one disable this?
Hi,
The theme doesn’t have a built-in calendar, which Calendar plugin are you using?
My guess is that the error shows up simply because you don’t have any “active” events in other words all the events have already passed and you don’t have any current or upcoming ones.
- AJ
You’re right… It is my plugin ‘The Events Calendar’. It will contact them
I don’t believe it’s a theme issue (you can try switching to a different theme to test) but if it does happen to be theme related let me know so I can look into it and fix any issue.
- AJ
Your theme is perfect, no problems there. It is the Wordpress plugin which I installed afterwards, which has nothing to do with your theme. Thanks!
I’m glad you like the theme If you do have a moment to go to your ThemeForest “downloads” and give the theme a rating I would really appreciate it. And if you do need anything let me know, here to help!
- AJ
