22360 comments found.
Hi. Are you able to sort posts or custom post types by multiple categories/Taxonomy groups? Say i have customers and i have taxonomy Size and Industry. Is there anyway by using the post layout tools to have selectors at the top for both Taxonomy groups such as on this page? https://www.eque2.co.uk/knowledge-hub/ thanks
Hi,
This isn’t something built into the theme because of it’s complexity. Depending what type of site you are making (if you can share some details) I could recommend a plugin or maybe even some code to make it work with the theme. But in general a lot of people use and recommend this plugin – https://facetwp.com/ – for advanced post type filtering.
- AJ
Hi its built on the base theme, no child themes. I installed custom post type and advanced custom fields to create a new post type customer. I have then created 2 new taxonomies called size and industry and linked this to the customer post type. To display my customers i have used the visual composer post masonry grid, which i have also designed a visual composer grid template for. Not sure if i can use a plugin along side the visual composer masonary grid? Does this help?
Hi,
Did you checkout FacetWP (linked to above?) this is one of the top plugins for advanced sorting/directories.
If you use the Post Masonry Grid you can enable a standard filter but it just uses jquery – https://cl.ly/qLyJ – but you probably would want to use AJAX for this, especially if you have a lot of customers added.
There are other plugins out there you may want to check out such as:https://www.designsandcode.com/wordpress-plugins/search-filter-pro/ (I haven’t personally used these other ones, but they appear to have what you need.)
- AJ
Hey AJ, i have a row with 3 columns. In each collumn sits one picture and an accordeon that provides the information to the picture. Is it possible to open them all with one click. I read an accordeon should not be used for that (if you only use one text section like me), rather a toggle. Can you give me a hint which is the best solution with total (like the expand all link in this fiddle http://jsfiddle.net/sinetheta/s5hAw/) Many thanks
Hi,
It may be possible with some custom Javascript that I can provide for you, but I need to know exactly how things are setup on the site and you will also need to add a unique ID to your row so that we can target only the accordions on this row. But also if I can see exactly what you have maybe I can provide a different/better alternative. Thanks!
- AJ
Hi, i want to user header overlay style for all products of Woocomerce in single product page but i i have to edit every product setting. How can i do it once ? Thanks
Hi,
Actually the theme has built-in filters so that you can add a little code to your child theme – http://wpexplorer-themes.com/total/docs/child-theme/ – to enable/disable the Overlay Header as needed. Example snippet: https://wpexplorer-themes.com/total/snippets/conditionally-enable-overlay-header/
Here is an example of an advanced setup using theme filters and action hooks – https://wpexplorer-themes.com/total/creating-dynamic-overlay-header/
If you need any help with that let me know!
- AJ
Hi,AJ I want to set my menu like the page https://prntscr.com/isnw3e, i found it in the older post ; but now my menu is just like this https://prntscr.com/isnw70, 1. I don’t know if i can achieve the organization just use the total theme? 2. I don’t know how to set a megamenu subtitle and how to divide them to different group just like the fisrt picture Thanks for your help. David
Hi David,
It’s definitely possible, please see here: https://wpexplorer-themes.com/total/docs/creating-mega-menus/
The way it works is the subheadings are the first level items under the dropdown, like this – https://cl.ly/qHiK
And since you want 4 columns you would use the classnames “megamenu col-4”.
Does this help?
Of course you can also use a 3rd party megamenu plugin such as UberMenu or Clever Mega Menu instead. These plugins have way more options to design the menu since I do try and keep the theme as minimal/optimized as possible the built-in mega menu is more simplistic.
- AJ
Hi, AJ, thank you very much, i have learned a little bit about the menu structure, I just bought the ubermenu for my first page, I will try it. Thank you for your help. David
I am having a problem with the simple image carousel loading in Firefox. Works great in all other browsers I have tested, but in Firefox (59.0.1 on Mac OS 10.13.3), the images stack on the initial page load: http://landu.cfnapareview.com/our-stills/
Refreshing the page seems to correct the problem and the issue does not occur on subsequent page reloads.
I had some custom settings and css loading as well, but had the same behavior when the carousel was completely vanilla. Any direction you can provide to fix this would be greatly appreciated.
Looks like this is a duplicate comment. I just replied to the other one 
I am having a problem with the simple image carousel loading in Firefox. Works great in all other browsers I have tested, but in Firefox (59.0.1 on Mac OS 10.13.3), the images stack on the initial page load: http://landu.cfnapareview.com/our-stills/
Refreshing the page seems to correct the problem and the issue does not occur on subsequent page reloads.
I had some custom settings and css loading as well, but had the same behavior when the carousel was completely vanilla. Any direction you can provide to fix this would be greatly appreciated.
Hi,
WOW. First of all great work on the site, it looks very nice. I should hire you to make me demos if you are available and not too expensive Let me know!
Regarding the image carousel…I do see the issue on your site but I can’t replicate it locally. It looks like the “stage” is being set too small – https://cl.ly/qHbd – so the wrapper around the carousel images is being compressed.
Can you check your module and see if this setting (auto width) has been enabled – https://cl.ly/qGzv – and if so, disable to test? Thanks!
- AJ
Hi AJ. Thanks for the quick reply and compliments, but I cannot take credit for design of the site…I just build what the designers give me. Also, sorry for the double posting. Not sure how that happened.
After reading your comment, tried disabling the auto width and it was, indeed the culprit. Unfortunately, I need that functionality, so I did some additional research and found that the incorrect stage size is a known problem with Owl Carousel, as discussed here: https://github.com/OwlCarousel2/OwlCarousel2/issues/1139.
It’s too late to try any of these fixes tonight, but I may give some of the suggestions a try tomorrow. Do any look particularly promising to you? Thanks, Pete
Quick follow-up…the link absorbed the period at the end, so you get a 404 error. Link should be https://github.com/OwlCarousel2/OwlCarousel2/issues/1139
Hi,
Yes, this is very common so I know to strip out the period Did you try any of these tips? If not..I did notice that the script in Total is outdated so I can also update it and send you a beta of Total 4.6.2 if you want to test with the updated OwlCarousel. Let me know!
- AJ
Hi AJ,
I did try the “trigger refresh” jQuery and it did not seem to correct the problem. I would be happy to test the beta Total with the updated OwlCarousel script. Thanks for offering that.
Pete
Can you open a ticket and request it be sent to me so I can email it to you? Thanks for testing! – https://wpexplorer-themes.com/support/
I can’t break it on my end so it really helps me out, thanks!
- AJ
Hey AJ, I want to build an online swipe file with searchable & tagged content as per the below sites :
http://swiped.co/tags/ https://swipefile.ioCan you advise how i can achieve this using the Total theme? Shall I use a searchable portfolio for this?
Please suggest.
Just to clarify, I need to be able to filter items based on selecting the person, type or niche exactly as http://swiped.co/tags/ and have a way to apply these tags to each item.
SCREENSHOT : http://prntscr.com/isx3gk
Thanks
Hi,
How is the content going to be added? Manually or Dynamic?
Total doesn’t have an advanced filter system but there are many plugins for this, FacetWP is probably one of the nicest – https://facetwp.com/ – but it’s somewhat advanced and geared towards developers. If you google search something like “Directory Plugin” I’m sure you can find something that will work for this.
My recommendation though would be to either use the standard Posts or a Custom Post type (portfolio doesn’t make too much sense to me).
- AJ
Hello AJ, I didn’t know the no-reply system on tickets, I’ve just sent FYI an improvement I’ve made for adding new formats under the total styles in the text editor Michel
Hi,
You can reply to tickets but you just can’t send direct emails. This is to prevent spam from being added to the ticket dashboard and to prevent non-customers from trying to contact us (which happens a lot).
I see your reply, I’ll take a look
- AJ
Hi AJ, I want to show you some bugs and suggest new features.
1) If I add whatsapp to social share with your snippet, Whatsapp was added to social share addon automaticly. But in Social Share addon, this function doesnt work, when I click whatsapp, page refresh only.
2) When I create single blog template, I want to add Related posts section also (For example with Post type grid or carousel and etc.) And I select order “random”. But How can I exclude current post?
3) If I add submenu to menu, my parent menu was added to submenu auto in mobile. But I add custom css “nav-no-click” to this parent menu and in mobile this menu duplicate and it will be dirty design.
4) When vertical social share is active, spacing appear under footer in mobile.
5) Can I make media and content details equal height in left thumbnail and right details mode? This is my problem https://cl.ly/2i2A0l1l1x2T
6) I add post type grid with pagination to homepage. But Pagination doesnt work in homepage
7) I cant find strings of next and prev addon in Wpml string.
Hi,
First of all the site you are working on looks fantastic! Wow, nice work
1. The issue is that whatsapp by default isn’t in the allowed protocols for the WordPress esc_url function which sanitizes URL’s prior to output for security reasons. I added some code for the next update but you can add this to your child theme for the meantime:
add_filter( 'kses_allowed_protocols' , function( $protocols ) {
$protocols[] = 'whatsapp';
return $protocols;
} );
2. If you want to add related items I actually added a new function a few versions ago so you can do it like this: https://cl.ly/qIWO
This will pull items from the same category as the current post so they are truly related. And it will exclude the current post as well.
3. This happens if your parent menu has a custom link. If there is a custom link it needs to get added to the dropdown so you can click on it. I could add a function to exclude items with nav-no-click but it’s best if this link is a simple # symbol like this – https://wpexplorer-themes.com/total/docs/adding-non-clickable-menu-links/ – for accessibility and SEO.
4. There shouldn’t be any spacing under the footer because the fixed vertical share should be here. I just tested and don’t see the issue: https://cl.ly/qHP5
5. The only way would be to stretch the image so it may not look very good, because it would be stretched vertically. And it will require quite a bit of custom CSS to place the image absolutely and set to width 100% and height 100% and then have an overflow hidden for the media wrapper. Since the only way to make the height 100% is via absolute positioning (or making the item a table) Example:
@media only screen and (min-width: 768px) {
.single .entries.left-thumbs .entry {
position: relative;
}
.single .entries.left-thumbs .entry .entry-media {
position: absolute;
overflow: hidden;
height: 100%;
top: 0;
left: 0;
}
.single .entries.left-thumbs .entry .entry-media img {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
}
}
You would need to test this on all browsers though to see if it works well.
6. Pagination should work on the homepage but have you added an offset? Offsets break pagination in WordPress unfortunately – https://cl.ly/qHRY
7. Thanks for the heads up, here is the updated wpml-config.xml file - https://cl.ly/qHKd – you can replace in the main Total folder via FTP it will be updated in the next Total version as well.
Your site looks sooo good, very impressed. Nice work!
- AJ
Thanks for your beautiful review. 5th answer is very great and I also add this CSS and now look well.
.single .entries.left-thumbs .entry .entry-details {
min-height: 300px;
}
at 4th section I enable social share for pages. Now I disable, and you see this issue.
All solution answers are great. Thank you very much
Thanks for the heads up on the social. Can you try updating this file – https://cl.ly/qJoV – under Total/framework/wp-filters/ – it should fix the problem.
- AJ
Oh actually this file won’t work. I need to create a new function, give me a few minutes so I can send you another required file to update.
No problem man. And sorry I spend your time. My related posts are few by category. Can I display all category posts in advanced query with related=1
Ok…it’s going to take quite a few changes to multiple files. Can you open a private ticket and request it be sent to AJ so I can send you the updated beta to test? Thanks!
- AJ
I open new ticket now.
The fix is ready
Great 
Just emailed you the updated theme if you want to give it a test. Thanks for pointing this out! I basically updated the way the theme checks to see if the social share is enabled so it’s much better now and it also fixes this bug
Hello AJ,
Some time ago, you gave me a few lines for my child functions.php in order to exclude some Blog categories from RSS or Search results.
Can I add some Portfolio categories IDs on the same lines as the blog ones, or do I need another code ?
Here’s what I have now : (here the excluded categories are the same for RSS and Search results but that may not the case for Portfolio)
// EXCLUDE CATEGORIES FROM RSS
function exclude_category($query) {
if ( $query->is_feed ) {
$query->set('cat', '-454');
}
return $query;
}
add_filter('pre_get_posts', 'exclude_category');
// EXCLUDE CATEGORIES FROM SEARCH RESULTS
function exclude_category_mp($query) {
if ( $query->is_search ) {
$query->set('cat', '-454');
}
return $query;
}
add_filter('pre_get_posts', 'exclude_category_mp');
Thanks in advance,
Michel
Hi Michel,
It’s a bit more complex for custom taxonomies like the Portfolio categories. You would need to use a tax_query, example:
$query->set( 'tax_query', array (
array(
'taxonomy' => 'portfolio_category',
'terms' => array( 3 ),
'field' => 'term_id',
'operator' => 'NOT IN',
)
) );
- AJ
Hello AJ,
Thank you for your help.
I was not sure how to add your code, but have found somewhere the one below that resembles it, so I’ve added it and it seems to work fine.
Michel
// EXCLUDE PORTFOLIO CATEGORIES FROM RSS
add_action( 'pre_get_posts', function ( $query ) {
if ( is_admin() || ! $query->is_main_query() ) {
return;
}
if ( $query->is_feed() ) {
$tax_query = array([
'taxonomy' => 'portfolio_category',
'field' => 'slug',
'terms' => [ 'proch-video','zhide' ],
'operator' => 'NOT IN',
]);
$query->set( 'tax_query', $tax_query );
}}, 11, 1 );
.
Since you already had the function ‘exclude_category_mp’ in your child theme you can just place the added code inside the already available function rather then hooking into “pre_get_posts” twice. But it doesn’t really make much difference, at least not in terms of speed
- AJ
Hello AJ,
I’m being a real dummy with implementing a custom font – sorry you must have answered this 1000 times!
I did see one of your answers where you said you were going to write a plugin for using custom fonts with Total – do you have one (might be more my level!)?
I’ve read your instructions at wpexplorer-themes.com/total/docs/add-custom-fonts but I’m not quite sure how to format the CSS for more font weights.
There are 4 weights from the same font family I want to use and I have them in 3 webfont file types:
National2Web-Medium.eot National2Web-Medium.woff National2Web-Medium.woff2
National2Web-MediumItalic.eot National2Web-MediumItalic.woff National2Web-MediumItalic.woff2
National2Web-Regular.eot National2Web-Regular.woff National2Web-Regular.woff2
National2Web-RegularItalic.eot National2Web-RegularItalic.woff National2Web-RegularItalic.woff2
Please can you tell me how to write that in the child theme css – and then do I have to enter more than one font name in the array in the functions.php?
Thank you very much,
Pete
Hi Pete,
Actually I’m adding a whole font manager system to Total which should be available at the latest by Total 5 but hopefully sooner.
In terms of font weights you can’t just write new CSS to add new font weights, if you want to add new font weights you need to actually design new fonts with those weights. When I google National 2 font it seems like it does have many other font weights available – https://klim.co.nz/retail-fonts/national-2/ – I’m not sure where you purchased your font but maybe you need to request from the seller the other sizes so you can include them.
The CSS is very simple. See an example from a Google font: http://fonts.googleapis.com/css?family=Lato:400,900&subset=latin
Have you tried using a generator? https://transfonter.org/
- AJ
Hello AJ,
I have the weights I want, web fonts bought direct from Klim (those listed above) I just didn’t understand how they should be written in the CSS.
I tried https://transfonter.org and I see it spits out the CSS which is ideal – thank you! But I don’t understand why I need to convert my fonts when they are already .woff .woff2 .eot ? I’m guessing I can use the .woff .woff2 .eot as supplied by the type foundry but also upload the .ttf .svg created by the generator?
As always thanks for your fantastic support,
Pete
Hi Pete,
I haven’t actually tested that site but I sent it to you since it was ranking #1 on Google. You are correct the ttf isn’t required but can be added for very old devices/browsers (which maybe 0.6% of people use) so In my opinion woff should be enough. Just make sure to double check in common browsers when you are done adding the font to make sure it looks good.
If you are using a Custom Font for your whole site I would also recommend going to the main Theme Panel and enable the setting “Remove Google Fonts” to slim things down.
- AJ
FANTASTIC!!! All working great – a custom font first for me! Thanks so much AJ
The transfonter.org site did spit about a bunch of duplicate fonts but they were easily weeded out and the CSS is working.
Pete
I am seeing a coming soon page on this link so I can’t properly inspect the site. Can you disable that or setup a test page where the coming soon is disabled? (you can exclude pages in the Total Theme Panel > Under Construction function)
- AJ
Thanks AJ – that’s puzzling. I don’t have an Under Construction page and I can’t see one from computers/devices here – to make sure I have disabled Theme Panel > Features > Under Construction.
At the moment I only have a single page with logo and short line of text so I can test the custom font: http://uk606.directrouter.com/~oyykjqin/
I don’t suppose you can magically see it now?!
Pete
I seem to have fixed the problem! I don’t know how, but I re-wrote the CSS as per your instructions (https://wpexplorer-themes.com/total/docs/add-custom-fonts) and cleared the cache and all seems fine. I can see no difference between what I had before and after!! Thanks for your time anyway AJ Pete
Hi Pete,
I hope you had a nice weekend! Sorry for the confusion, I must have thought the single page was a coming soon page, my bad!
I’m glad it’s working now. And I double checked and it is working beautifully now – https://cl.ly/qIPQ – nice work
- AJ
No problem AJ – thanks very much for checking it again.
Can you see why the sticky header isn’t shrinking in mobile view here can you? http://uk606.directrouter.com/~oyykjqin/home-02/ I have ‘mobile support’ ticked in the customiser.And is it possible to style the text for Author and Business in testimonials when using the Testimonial Slider?
Thanks Pete
- Header: That is very weird, I uploaded your logo to my test site and tested and it works perfectly for me. Can you go to Theme Panel > Import Export and copy that into a gist – https://gist.github.com/ – so I can test with your exact site settings? Thanks!
My test: https://cl.ly/qIOF
- Yes you can style these a bit via CSS, how do you want to style them?
Very nice and clean site, great work dude!
- Aj
Thanks AJ – and thanks for the encouragement!
* Header Sorry if I’ve not done this right – not used it before – is this what you need: https://gist.github.com/anonymous/4b38f023d678106b510414f29e9c9d06I’ve only just discovered the Retina image options in the theme and so have been trying to get that working (this site and one other) – perhaps I’ve done something wrong there?
- Testimonial slider (Author and Business) I’d like to align them left and set the font, size and colour
Can I also style the Dot Navigation?
Pete
AJ
*Header – don”t worry about this – in Customiser > Header > Logo I had ‘Apply height’ checked – unchecking that option now shrinks the header on mobile.
Thanks Pete
Hello AJ – can you guide me on that question about styling the author and business labels in the testimonials slider?
Is it also easy to style the ‘related posts’ title in the blog and remove the dividing line that sits next to it?
Thank you Pete
Hello AJ – hope you’re having a good week? I have another question to ask so I’ve consolidated all 3 here:
http://uk606.directrouter.com/~oyykjqin Testimonial slider – how can I style the Author and Business labels? I want to align them left and set the font, size and colour?Header menu (full and mobile burger) – can I set the distance from the top of page to the top of the menu? I don’t want it to sit in the middle (vertically) of the header space, I want to set it a fixed distance from the top of the screen eg ~20px.
http://uk606.directrouter.com/~oyykjqin/hello-world-2-2-2/ Related posts – Can I style the ‘related posts’ title (font, size, colour) in the blog, and remove the dividing line that sits next to it?Thanks very much Pete
Hey Pete,
I’m having a good week (working on finishing up a new theme kit framework to give away for free so other people can make better themes). I hope you are having a nice week as well !
Regarding your questions:
1. The CSS for the testimonials slider would be something like this:
body .vcex-testimonials-fullslider-author {
text-align: left;
color: #000;
font-size: 18px !important;
}
2. You just need some CSS to change the default position which by default is a top value of 50% and a negative margin to offset. Example:
body.wpex-mobile-toggle-menu-icon_buttons #mobile-menu {
top: 20px !important;
margin: 0 !important;
}
3. You can use CSS to target just this item, however, this is a theme “heading” so you have options to customize them globally at Customize > Typography > Theme Heading (to change the typography) and Customize > General > Theme Heading to modify the default style (like removing the line).
Note: This is a somewhat hidden gem..if you want to create a custom layout for your blog posts you can like this – https://www.youtube.com/watch?v=eGYuBjqkj8Q – and to insert a related section you can use any Total grid module or carousel and use an advanced query like this – https://wpexplorer-themes.com/total/docs/related-items-dynamic-template/
Just a heads up, since some customers do like creating their custom blog post design like this
- AJ
Free theme kit framework sounds amazing AJ! My week’s not bad thanks but I’m trying to finish two Total sites before Mon!!
Thanks so much for your further support – I’m clearly being an idiot with implementing the CSS. I’ve put both examples in my child theme styles.css with no result and so I assume I’m putting them in the wrong place?!
Pete
Hi Pete,
I don’t see the code in the child theme – http://uk606.directrouter.com/~oyykjqin/wp-content/themes/total-child-theme/style.css?ver=4.6.1 – but looks like you added it to the theme panel instead?
When adding to the child theme if it’s not working it could just be cache related if you are using a caching plugin on the site or if you need to clear the browser cache.
- AJ
ps: Are these the only 2 sites you’ve purchased Total for or have you purchased other licenses before? The reason I ask is I like to be extra nice to my repeat customers and I have an exclusive slack group for customers with over 50 licenses.
Thanks AJ – Yes I tried them in the child theme first and got no result so tried via the them panel.
Have put the code back in the child theme and I see that the testimonial slider is now working – thanks – but not the menu in the header?
Thanks for the theme heading instruction by the way – that’s great.
And yes I’m only a new Total fan – 2 licenses so far and 2 more coming soon – I’ll be sure to let you know when I get 50+!
Pete
HI Pete,
It’s showing up and working for me – https://cl.ly/qN20 – just try clearing your browser cache because your stylesheet version number hasn’t changed you are probably just looking at a cached version of the file.
If you are working in Chrome you can also open the developer tools and disable cache under the Network tab so whenever you make changes to the child theme simply open the dev tools and refresh the page – https://cl.ly/qLQV
Or you can add version numbers to your child theme so whenever you change it you can edit the version number at the top and the browser will load the new one – https://wpexplorer-themes.com/total/snippets/child-theme-style-version/
- AJ
Thanks AJ – I’m only a new fan of Total, 2 licenses in and 2 to come! I’ll be sure to let you know when I’m 50+!
I tried the CSS in the child theme first but with no result so moved it to the theme panel. I’ve now put it back in the child theme and the testimonial slider is working – thanks – but the header menu positioning is not?
Thanks also for your theme heading instruction, that’s perfect.
Pete
- so child theme styles.css is where I make all my CSS changes? Eg that’s where I should spec my custom font fallback stack?
Thanks for the dev tools tips AJ – very useful.
I’ve not been clear – sorry – I see now that the mobile menu is working (20px from top) but I also want to do the same for the full menu – what do I add to that code to do that?
Thank you
Hello AJ,
After MUCH trial and error this seems to work:
body #site-navigation-wrap { top: 17px !important; margin: 0 !important; }
Anything wrong with it?!
Oh…yes that code works well, I see no issues with it.
Also if you want to get more complex in the future, some customers use the header builder – https://wpexplorer-themes.com/total/docs/header-builder/ – using plugins like this – https://codecanyon.net/item/quadmenu-responsive-wordpress-mega-menu/21315450?ref=WPExplorer – to create a custom styled menu and insert it into the header builder.
- AJ
Let me know when you’re at 50
Thanks again AJ for the pointers – good luck with getting your theme kit out Pete
Hi AJ,
How are you doing?
I want to add the most latest blog post image on the home page, that would go above the blog post masonry grid.
I tried adding a image slider and post carousel but did not work. I just want the latest post to show up. Is this possible with the theme?
Thanks Neil
Hi Neil,
I’m doing well thank you. I hope you are also.
Using the Blog Grid module is probably the slimmest way. Using a slider or carousel doesn’t make since since you only want 1 item, no point in running javascript for a slider or carousel.
Then you just set the grid to display 1 item and hide everything but the image. Like this: https://cl.ly/qFIT
If your site is setup though to display Latest posts via Settings > Reading it won’t work because you aren’t using a page. You need to set the homepage to a static page then create a new page either using the Blog Template or insert the “Post Types Archive” module in the page so it displays your recent posts.
- AJ
Cheers AJ! That worked like a charm. Thanks for the video demo too it really helps sometimes to just see the solution. 
Have a nice weekend. Neil
Is it possible to hide the header on the landing page but show it on all other pages? If so, How?
Of course. The easiest way is via the page settings under the Header tab – https://wpexplorer-themes.com/total/docs/page-settings-metabox/
- AJ
I don’t see the option to edit the home page like I see the other pages, though. When I got the theme, the home page was just an empty blog and there was no corresponding “Home” under “pages”, so I removed the blog (“No posts to display) in FTP and inserted my own background image. So I’ve never edited the home page as a page like I edit “about us” and “services” pages. I’m only looking to disable the header on the home page. Does that make sense?
Hi,
To be honest I am not sure how you setup the homepage or what you deleted via FTP. If you want your homepage to just be a normal page and not a blog (how WP works by default) the proper way to do it is creating a new page and then going to Settings > Reading and setting this page as a static page – https://wpexplorer-themes.com/total/docs/homepage-setup/
And if setup properly then you do have access to all the page settings. Otherwise you would need to use code via a child theme to disable functions like the header, example:
add_filter( 'wpex_display_header', function( $bool ) {
if ( is_front_page() ) {
return false;
}
return $bool;
} );
But it would be best to setup the homepage correctly via a static page.
- AJ
How do I make the page backgrounds different from the landing page background? I went to settings > background > and changed the color of the background, but it doesn’t give me the option to remove the background image I have for the landing page. How do I fix this?
Hi,
Generally if your site has a global background you would either upload a different background image for pages where you want a different background. Otherwise you wouldn’t set a global background image but instead set a global background color then for any pages where you want a background image set it specifically for that page.
Because you can have see-through backgrounds the theme doesn’t automatically remove the global background. Based on what you are asking I would recommend not having a global background image but you could always reset it via custom CSS by simply adding this to the page:
body { background-image: none !important; }
How to add CSS: http://wpexplorer-themes.com/total/docs/making-css-edits/
- AJ
Hello AJ,
https://themeforest.net/comments/18074744I found this comment. I’d love to understand how I could add a more complex “Advanced Query?” using the “Post Types Carousel”... Currently is seems like it has to be based on a “parameter string” query.
That being said could we mix in the “tribe_get_events” helper function somehow? https://theeventscalendar.com/knowledgebase/using-tribe_get_events/vict0rmm came up with this below:
post_type=tribe_events&post_status=publish&_EventStartDate>=$today&orderby=_EventStartDate&order=asc&tribe_events_cat=city-events
he got stuck here – _EventStartDate>=$today
How would we get something like this crackin and use the Post type Carousel?
$atts = array( ‘post_status’=>’publish’, ‘post_type’=>array(tribe_events), ‘posts_per_page’=>10, ‘order’=>’DESC’, $events = tribe_get_events( array( ‘eventDisplay’=>’custom’, ‘start_date’ => ‘2018-03-01 00:01’, ‘end_date’ => ‘2018-03-31 23:59’ ) ) );
And about your PS in the comments: This seems like you’d really attract more customers if your opened up your theme to integrate more tightly with “The Events Calendar” using VC Modules. Simply adding support for the events calendar in Post Types Grid and Post Types Carousel or just repurpose those modules, making them available if the WP Install is running the plugin. Just a thought.
I’d be happy to help you define the scope of the module options, but I’m sure you have some other bright minds to dream up some dope modules that we could just slide into our total theme websites.
Hi there,
You won’t be able to get this array working via the module fields because it’s too complex. You would need to use custom code like this – https://wpexplorer-themes.com/total/snippets/total-grid-query-filter/
So here are the steps:
1. Make sure you have a child theme on the site – http://wpexplorer-themes.com/total/docs/child-theme/
2. Add custom ID to your carousel module – https://cl.ly/qG2M (could be any unique name such as homepage-events)
3. Add this code to your child theme’s functions.php file:
add_filter( 'vcex_grid_query', function myprefix_vcex_grid_query( $args, $atts ) {
if ( isset( $atts['unique_id'] ) && 'example-unique-id' == $atts ) {
// Add your custom args here
}
return $args;
}, 10, 2 );
4. Add your custom arguments where it says ”// Add your custom args here” either by adding custom parameters to the $args array or returning your own custom args.
- AJ
Thanks for the response AJ!
I get this an error when I try to use either filter(https://wpexplorer-themes.com/total/snippets/total-grid-query-filter/):
Parse error: syntax error, unexpected ‘myprefix_vcex_grid_query’ (T_STRING), expecting ‘(‘
I’m not sure what is going on with that.
So I reworked it to look like this:
function myprefix_vcex_grid_query($args, $atts) {
if ( isset( $atts['unique-id'] ) && 'homepage-events' == $atts ) {
// Add your custom args here
$args = array(
'post_type'=>array(tribe_events)
);
}
return $args;
}
add_filter( 'vcex_grid_query', 'myprefix_vcex_grid_query', 10, 2 );
This doesn’t throw an error but it also won’t target the module with the unique ID set to ‘homepage-events’.
This filter works and returns the tribe events but it overwrites all of the grids/carousels:
function myprefix_vcex_grid_query($args, $atts) {
// Add your custom args here
$args = array(
'post_type'=>array(tribe_events)
);
return $args;
}
add_filter( 'vcex_grid_query', 'myprefix_vcex_grid_query', 10, 2 );
So I’m not sure what is wrong with this line:
if ( isset( $atts['unique-id'] ) && 'homepage-events' == $atts ) {
Thanks for the help.
Hi,
Sorry I had an error in my code it shouldn’t be:
'homepage-events' == $atts
It should be:
'homepage-events' == $atts['unique-id']
Because you are checking to see that your unique-id as defined in the module is “homepage-events” so that your custom query isn’t targeting all modules but just that one.
And $atts is the array of all the module settings so you can’t check if a string equals the array you need to actually check against the array parameter you want to check, in this case it’s unique-id.
Sorry about that. Let me know if you still have any issues!
- AJ
Thanks. I know you probably write tons of code to support this theme.
Just want to update this post for any future users who might be trying to accomplish anything of this nature.
function myprefix_vcex_grid_query($args, $atts) {
if ( isset( $atts['unique_id'] ) && 'homepage-events' == $atts['unique_id'] ) {
// Add your custom args here
$args = array(
'post_type'=>array(tribe_events)
);
}
return $args;
}
add_filter( 'vcex_grid_query', 'myprefix_vcex_grid_query', 10, 2 );
Just for the record ‘unique-id’ needs to be ‘unique_id’. I kept trying and was like what the freak is going on. Inspected the code of the module and found the Unique ID field and there was an _ so I swapped it out and it worked.
Again thank you.
Oh shoot ya it should have been an underscore, sorry about that! Yes s0oo much code. I also manage around 30 themes – free and premium and multiple plugins, so somedays my brain is just mush. I am actually finishing a new plugin to release for free to help other developers make better themes and faster, I’ve been working on the plugin for a few months now and almost done!
I apologize and I’m glad you figured it out. Thanks for sharing!! If you need anything else let me know.
- AJ
Hello, one more question. What is the best way to condense the top bar size (in height) for mobile devices? Currently, we have it as a sticky item but takes up too much screen on mobile. See screenshot: https://www.absolutebikes.net/wp-content/uploads/2018/03/IMG_3456.png
Thanks again! Steph
Hi Steph,
The topbar is this size simply because of all the content added to the topbar. Since you have the same information in your site footer you could just set the visibility for your topbar to be hidden on mobile devices (that’s what I would recommend) – there is a setting int he Customizer under the Topbar General tab for this.
Another solution would be to hide the topbar via CSS then via a child theme add a button (using theme hooks – http://wpexplorer-themes.com/total/docs/action-hooks/) that you can click to open/close (via custom javascript) this area. Much like the already included toggle bar – https://wpexplorer-themes.com/total/docs/toggle-bar/
- AJ
LOVE the toggle bar. Thanks for the suggestion. Works great for mobile.
Great!
Hello again, I have dug around and cannot figure out how to get the Facebook top bar icon to open the Facebook app when on a mobile device. Instagram works perfectly. Strange. Please advise. Thanks Steph
Hi Steph,
Unfortunately Facebook doesn’t have built-in functions to open their app when opening facebook, Instagram does. The only way to open the app is by using fb:// instead of https in your link, however, this will then break things on the computer or for anyone without the app installed.
- AJ
Thanks.
We found a way to launch the Facebook app on iOS. If you want to link to a specific FB page, use this as the url: https://www.facebook.com/pg/pagename. The /pg/ seems to be the key. Hope this helps others.
Oh that’s awesome! I looked for some time and couldn’t find anything, thanks for letting me know.
- AJ
AJ – what is the best way to globally change body font size (i.e. customizer set to 17px – want mobile to be 15px) – below isn’t doing it :/
@media only screen and (max-width: 540px) {
body #wrap p{font-size: 15px !important; line-height: 1.5em !important;}}
@media only screen and (max-width: 540px) {
#copyright {font-size: .5em !important; line-height: 1.25em;}}
Thanks!
Hi,
Your first line of code is only targeting paragraphs not all the text on your site you should probably be targeting just the body {}
Your second code targeting the copyright looks perfectly fine. If it’s not working either the issue is cache related or it’s not overriding so you can try adding a parent element like such body #copyright{} to make sure it overrides.
- AJ
Yeah – probably chrome caching – I did send another issue to slack – check when you can
I had unexpected family in town and it has been chaotic so haven’t been in slack for probably a week, will definitely log on today though and crank through any pending requests/issues/etc.
- AJ
No worries – hope it was a good visit. Yes, if you can check I would appreciate it – I need to launch this site tonight and need to know if the issues are bugs or just me
AJ – If possible please check slack – possible issue with 4.6.1 – new site launched and something is off – please check if you can – Thanks!
Hello AJ,
I have updated the theme to the latest version. However I can’t change the Overlay Header Dropdown Style in Page Settings. They all turned to black and doesn’t look good. What would cause something like this? Thank you!
https://goo.gl/w7KUq5The black color on the dropdown is coming from this custom CSS on the site – https://cl.ly/qG0u – which isn’t in the theme so I am assuming it’s in your child theme (I can’t tell because of the autoptimize plugin enabled on the site).
In terms of changing the dropdown style. It still works when I test the setting and I double checked the code and it looks fine. When you change the setting and update the page the option doesn’t “stick”? Or do you just not see the changes live? if it’s a later it may just be a caching issue, make sure to clear all cache when making edits to the site.
- AJ
Hello AJ,
I can’t locate the mentioned CSS in my child theme. But it looks like it’s in parent style.css.
And when I change the setting and update the page the option doesn’t “stick”. It goes back to the old option.
Thanks for the help!
For now I took some of the mega menu related CSS down and now at least the text is readable.
The option still doesn’t stick when I update the page
Hum..I double checked the code for the saving function and also tested saving it on my test site and I’m not having any issues – https://cl.ly/qHFT
The only reason the meta wouldn’t update is if perhaps you have some code in your child theme altering the meta fields or if you are trying to update the custom field directly and not the setting. Are you trying just like in my video above?
- AJ
Hi AJ,
That’s exactly how I’m doing it. And this is the only setting that doesn’t stick. Others work properly.
Are you 100% sure there isn’t anything in your child theme preventing the setting from saving? Can you share your child theme’s functions.php code via a gist – https://gist.github.com/
There is no reason for this specific setting to not save unless you are setting it manually somehow.
- AJ
Hello! I’d like update the theme from the 1.5.4 version: any suggestion or not-to-do? I’ve added the Envato licence in the theme settings and actually it appears as an update pending. Thanks, Andrea
Hi Andrea,
Updating from 1.5 and under is a pretty big update since a lot has changed. The largest update was actually 1.6. I have a guide here – https://wpexplorer-themes.com/total/docs/updating-total-version-older-1-6-0/
Version 1.5 had built-in updates but it was using an API from a 3rd party service which is no longer available so I’m not sure why it would even show an update available. I wouldn’t recommend using that. Since your theme is so old I would recommend instead deleting the current theme and uploading a fresh new version of the theme (download the latest version from your ThemeForest downloads).
After updating you should go through your Customizer settings – https://wpexplorer-themes.com/total/docs/theme-options/ – to make sure everything is how you want it and make any new changes ( a lot of new options have been added to the theme).
And of course if you have any issues or other questions let me know!
- AJ
