22359 comments found.
Hi! I am loving the theme so far but am having the hardest time with the header. I’m using style 2 and want to place an ad to the right of my logo, so I have entered code into the Aside box, but nothing shows up. After reading here, I’ve been trying to do this using the Action Hooks instead, which is something that’s completely new to me. I just want an ad to appear next to the logo, which I would think would be pretty easy but I cannot get it. This is the code I am using, which I adapted from what’s in your post about hooks: http://prntscr.com/hq5hjx
Obviously, the “wpex_hook_site_logo_inner” is wrong, but I cannot figure out what to change this to.
Or, how do I get the Aside box to work? I’m not sure why it’s there but doesn’t work and I have to use Hooks?
Thanks!
Hi,
I’m glad you are liking the theme 
You should be able to use the header aside content without any issues actually for this sort of thing since it’s just plain HTML. What happens when you try adding the code? Have you tried saving an then looking at it on the front-end?
My guess is the issue isn’t with the way you are adding it but with the actual shareasale code. I tried going directly to the image you refer to in the code but it returns an error, have a look: http://static.shareasale.com/image/54801/468x60__0.jpg
The issue with the hooks…is you are using PHP code in the admin panel. If you use the functions at Theme Panel > Custom Actions the theme automatically adds the PHP portion all you need to enter is your HTML.
- AJ
Hi AJ, I had a couple of issues to check with you regarding https://www.burhani.co/
1. The website looks perfectly fine on desktop, however, on mobile screens, the columns don’t have any padding. Plz review and let me know what i’m doing wrong : http://prntscr.com/hq2ayr
2. On the same page, the H2 tags do not display as it should. Plz see the H2 tags in these 2 pages. Can you plz help?
INCORRECT : http://prntscr.com/hq2ec4 , http://prntscr.com/hq2eqc https://www.burhani.co=================================
CORRECT : http://prntscr.com/hq2faq https://www.burhani.co/ty-21-question-report/Hi,
1. You have used the newer column gap setting on the rows to give it a 35px spacing. However you are also using a deprecated setting to center content – https://cl.ly/oSeY – which causes issues. You need to disable this setting and it should display correctly on mobile.
Instead of setting the page to “Full-Screen” just set the page layout to “No Sidebar’ – https://cl.ly/oSTO – and any row you want to stretch use the stretch row setting.
2. Sorry but I am not really sure what is incorrect about the h2 tag based on the screenshot…
However, whenever you add headings don’t use the text block use the Total “heading” or the “Custom heading” module.
Example: https://cl.ly/oSQe
The Heading module is best for headings because it completely resets all the styles on the text so you have full control over it.
And if you want you can create 1 heading with a style you like then save it as a preset – https://wpexplorer-themes.com/total/docs/visual-composer-presets/
- AJ
Thanks AJ. Both your recommendations worked perfectly. I had no idea about the best practice of using the Headers module and will keep this in mind going forward. Thanks a ton for your help…as always
Hi AJ, for some reason when i access my site from mobile and firefox after having made the recommended changes, certain columns have a very large padding space even though i have only specified 20px as top padding for that column.
Please review on https://www.burhani.co
SCREENSHOTS : 1. http://prntscr.com/hq81g9 2. http://prntscr.com/hq81s8
Just rechecked : same issue appears in Google Chrome incognito mode
Also, remember you had advised me to make the specific column’s botom padding and margin as 0 in order to make that image bottom aligned? That worked till this evening and now i see a small gap below the image even though the column bottom is set to 0.
SCREENSHOT : http://prntscr.com/hq83dg
Hi again. My apologies for all these requests, but i’m a bit baffled as to why only the home page is having these issues and not the others. Plz assist
Hi,
The spacing you see above videos is part of the default CSS for creating responsive video embeds – https://cl.ly/oUuN – the issue is you are using some function that shows an image with a play icon instead so it causes a conflict. You will have to reset these styles. Example:
.wpb_video_widget .wpb_video_wrapper {
padding: 0 !important;
}
This is just custom CSS which you can add under Theme Panel > Custom CSS.
It will target all the video modules though so if you ever want a standard embeds again make sure to remove the added CSS.
- AJ
Thanks AJ, That CSS code fixed the video-space issue.
Can you plz also revert on the below request (the issue is on the same page) :
Also, remember you had advised me to make the specific column’s botom padding and margin as 0 in order to make that image bottom aligned? That worked till this evening and now i see a small gap below the image even though the column bottom is set to 0.
SCREENSHOT : http://prntscr.com/hq83dg
When you select a custom inner padding for your columns it uses padding so it’s adding padding around the column. To space out your columns horizontally when NOT using backgrounds like on your site use the other option – https://cl.ly/oUcB
Then if you want to add a padding to the right column add it only to that column via the Design Options for that column.
Make sense?
Hi again. I got the image bottom spacing issue fixed. Thanks
As for the space above youtube – when i add the css code, the video’s appear fine on the home page but upon testing i found that the videos on other pages simply disappeared.
I am using WProcket plugin to be able to optimise youtube embedded videos in order to speed up my site, however, it seems to conflict with the theme. I have currently disabled the WPRocket plugin.
Would you recommend a simpler way of improving youtube embeds which does not affect the theme? Perhaps simply adding a single image which opens a video lightbox upon click?
SCREENSHOT : http://prntscr.com/hqvdh4
Hey,
GREAT theme that covers literally everything, the only issue we’re having is the footer on a tablet, it all goes into 1 column, is it possible to have two columns on tablet? If so, how?
Many thanks!
Great, I’m glad you like it
The reason the footer widgets don’t do this by default is depending on the content added it can look a bit weird. It’s very easy to do with some custom CSS but I just updated the file for the next theme update so it has a built-in filter instead – https://wpexplorer-themes.com/total/docs/use-filters-wordpress/ – this way you can make use of the theme’s responsive column classes - https://wpexplorer-themes.com/total/docs/responsive-grid-entry-classes/
So if you update this file – https://cl.ly/oRx2 – via FTP and replace the one in the parent theme at Total/partials/footer/
You can then just add something like this to your child theme’s functions.php file:
add_filter( 'wpex_footer_widget_col_classes', function( $classes ) {
$classes .= ' span_1_of_2_tl';
$classes .= ' span_1_of_2_tp';
return $classes;
} );
Make sense?
This method is better then using custom CSS but if you don’t want to do this I can help with the custom CSS instead
- AJ
Hi AJ, I would like to display the staff member ordered by the menu_order value. In VC I can configure that so the Staff page is looking fine. But when I use the next-prev links the order is the default post order. I tried to fix it using a filter on wpex_staff_args in my child theme but without succes. I hope you can help me with this. Regards, Bjorn
Hi Bjorn,
The issue is the next/prev links in WordPress use a completely different system for the way they are displayed. It’s a bit tricky to alter but it is possible via custom code or a plugin. I found a couple articles that should help:
- https://wordpress.stackexchange.com/questions/73190/can-the-next-prev-post-links-be-ordered-by-menu-order-or-by-a-meta-key
- https://1fix.io/blog/2014/09/09/get-right-previous_post_link-when-order-posts-by-menu_order/
- AJ
Thanks AJ. This will help for sure!
Hello, I just purchased this theme. i inputted the license but the license isnt working. the page just remain inactive without any further activity. the license seem not to be working. please help i am on a deadline for a project.
thanks
Hi,
This normally happens if your server is returning an error. Can you make sure outgoing connections are enabled on your server and also that your server meets the WP requirements? https://wordpress.org/about/requirements/
If you want you can open a ticket and we can see what’s going on and manually enable the license if needed – https://wpexplorer-themes.com/support/
- AJ
yes, my outgoing connection is fine and the server meets the wp requirement. i have included my login details in the ticket.
Hi Aj I have checked the outgoing connection. my PHP meets the requirement. although i have sent my login details for both cpanel and wordpress in the support and email.
thanks
I replied to you earlier. I did manually enable it on your site for now if you want to send me FTP logins I can take a closer look, unfortunately without that it’s really impossible for me to know why your server can’t connect to ours ;(
Feel free to just use the manual activation though if you prefer. For any further questions you can reply back to my email. I have marked your ticket high priority.
- AJ
instead of FTP login, can i provide cpanel login.
Hi AJ,
I was just wondering -
In Appearance>>Customise>>Blog>>Single – there’s an option to turn on or off the tags for the blog posts.
Is there a way to turn on or off the tags for the Portfolio and Staff posts too?
This setting doesn’t actually remove tags it just hides them from showing on the post. Portfolio/Staff posts don’t display the tags anywhere by default. If what you want to do is remove the taxonomy you can though via the post type editor dashboard see here: https://wpexplorer-themes.com/total/docs/renaming-post-types/
- AJ
No, I actually wanted to show the tags in the portfolio and staff posts.
But if it can’t be done, that’s ok.
Oh, you can do that via a dynamic template – https://www.youtube.com/watch?v=eGYuBjqkj8Q – this will allow you to use the page builder to create the layout for your portfolio posts. And you can insert the module “Post Terms” to display the tags.
- AJ
I’ll not be using dynamic templates – I believe that feature nearly made me give up with Total in the early days.
However, this ‘Post Terms’ module is rather genius, and something I never knew existed till just now. Just drop it in under a 100px spacing element and all looks good to go!
Quick question:
How would I best add an image (logo) to the nav like on this site:
https://www.willowcreek.com/events/leadership/but using the Navigation Bar element:
http://growingleadership.com/summit-2018/Also – are there any plans to add the mobile menu icon/collapsing menu for the Navigation Bar element?
Thanks!
Hi,
- The site you mention just has a logo on the left and menu on the right. If you are using the header builder you can just create 2 columns and put the logo on the left and the navbar on the right.
But why not just use the default header style which has this exact layout?
- There isn’t any plans for adding this functionality to the current Navigation Bar module. It just isn’t practical or efficient for this module. But I’ll be releasing a new “Advanced Menu” module early 2018 with the ability to choose from navbar, toggle, full-screen or off-canvas styles for your menu
- AJ
This is sort of a 1 page sub-site to the main one (growingleadership.com). As such it needs it’s own sticky navigation that’s below the slider.
As for how I tried to do this, the menu part stays sticky but the image does not, it keeps scrolling up off page. Is there a better way for me to approach this?
You could just do this -> https://cl.ly/oSlN
- Set the page to a custom menu
- Add the slider in the page settings then set to above the header
This way your header will still look like your other pages and keep consistency with the general site design (for example if you change your header colors or logo it will be reflected on this page as well) and you don’t have to custom add any new modules.
- AJ
— ps: I noticed your support license has expired, if at this time you can renew your support license I would really appreciate it. You can also purchase a new copy of the theme for another site/client and it will also renew your support. A support renewal is around $41 so if instead you purchase a new license of the theme you essentially will get a new license for only $17 to use on another site and a support renewal. If financially you can’t at this time I understand but would really appreciate it since I spend a lot of time and money supporting and updating the product – thank you!
How can i better control the google fonts loaded? I am only using 300,400 of each of these, but it is loading all the possible variations of the font:
https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&subset=latin https://fonts.googleapis.com/css?family=Oswald:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&subset=latinI’ve checked and the only other plugin loading google fonts is SmartSlider and it is correctly loading only the 300,400 versions of the fonts.
Hi,
This is Aj the theme developer.
The theme does this by default to prevent issues with customers loading the same font at different font weights via different builder blocks and the customizer. If the theme only loaded the weight being used for that particular setting or builder block then it could be calling multiple stylesheets instead of a single stylesheet (which is way less efficient and loading all the weights adds very little to no visible difference in loading time). It’s easy for a slider to only load what’s needed because it’s all part of the same slider but when you have different font settings in the Customizer and different page builder blocks it’s just not efficient for the theme to do this. In order to do that it would essentially have to preload the whole page to grab an array of all used fonts and font-weights before rending the page which is very inefficient and slow.
That said, Total has a built in filter you can use to limit the weights loaded on the site. Example snippet: https://wpexplorer-themes.com/total/snippets/google-font-weights/
Make sense?
- AJ
On one of my pages, I added buttons in a row. The buttons link to different row IDs on the page. The link works and the page jumps to that row but the top of that row goes behind the sticky menu. Is there a way or an alternate option so when a button is clicked, the page jumps/scrolls to the section with some padding so the start of the row is right below the sticky menu? Hope that makes sense. Thank you
Hi,
It makes perfect sense All you just have to enable local scroll for the buttons – https://wpexplorer-themes.com/total/docs/creating-local-scroll-menu/
How did you add the buttons? For example if you added a bunch of the Total button you would enable smooth scroll like this – https://wpexplorer-themes.com/total/docs/creating-local-scroll-menu/
- AJ
So I am using default WP Bakery Go Button. In the URL link, I pasted #rowid. Let me take a look at what you recommended.
In the Go Button – there is no way to add class to the URL link so it doesn’t work. Let me know please
If you are using the Go Button add the “local-scroll-link” class here: https://cl.ly/oQrP
You can use this local-scroll-link class on any module that has a link in it
- AJ
Oh…by the way, if you instead create buttons using a normal menu at Appearance > Menus then use the Total Navbar module to display the links you can enable local scroll so that the local links become sticky as the user clicks to browser to different local sections.
- AJ
I added local-scroll-link to the Go Button Class field I added url #broadway-across-america to the button The row I want it to scroll to I added broadway-across-america to local scroll id and still not working. The button doesn’t go anywhere. Am I missing something? Thanks
Hi,
Can you share the URL so I can have a look? Everything you said sounds absolutely correct.
And I tested myself locally and it’s working : https://cl.ly/oQZR
If it’s not working for you there may be some sort of javascript error on the page caused by a 3rd party plugin. I’d be happy to look for you and tell you exactly what’s up.
- AJ
Yeh same settings on my side. Can you share how I can privately send you ID/PW to our site?
You can send it privately via a ticket here – http://wpexplorer-themes.com/support/ (just request your ticket be assigned to “AJ”) so I can personally look for you.
- AJ
Looks like it started working on its own. If I have issue, I will let you know.
Great! Maybe it was a caching issue – if you have a caching plugin on your site, I recommend disabling it during development stages.
- AJ
Hi AJ. The most strange thing just happened to a website i am developing: the mobile menu just disappeared. It was set to be visible at all times (i set the breakpoint using the Customizer to 5000px) and when i check the page code it has a “wpex-hidden” class and seems empty.
I didn’t change their location (i am using Polylang) but suddenly nothing is visible.
I have also changed the menu to appear in the navbar and left the mobile breakpoint with its default value, as a test, without any success.
Any ideas? http://stone.mentol.pt/about/
Thanks!
Hi,
If you disable Polylang do you see the menu? I think the plugin may require you to create different versions depending on the language – https://polylang.pro/doc/create-menus/
Also I read somewhere that when enabling the plugin you may have to “re-assign” your menu locations.
When checking your site I see the code for the menu added to the site – https://cl.ly/oQMx – but there aren’t any menu items returning. The mobile toggle will not show if the menu is empty – https://polylang.pro/doc/create-menus/
- AJ
Hello again, AJ. I did all you talk about before i contacted you without any success. In the meantime, i tried once more to disable Polylang and i got a blank screen when doing it. I decided to re-upload the plugin to my server and it’s working now.
Thanks for your insights.
Great, I’m glad it’s working. Very weird…
Are you going to be using Polylang to create a duplicate version of your site in another language? If if you are only using the plugin to translate strings (I see some customers doing that) then I would recommend instead using something like Loco translate instead.
- AJ
Maybe some files got corrupted…
Actually i do need a fully translated website in, at least, 2 different languages. In general, do you have a good impression of Loco Translate? I have never used it, but i do see some developers stating Loco is their favorite translating plugin.
Hugo
Loco is a good plugin but primarily just for translating the language files (which polylang can do already). Polylang is actually a good plugin and supported by the Total theme, but because it’s free it can be hard for some customers to setup if they don’t have experience with it. I think that’s why most customers use WPML because it’s premium it includes support (although to be honest their support has never really impressed me).
Either way, if you are using a translation plugin make sure you have a good server and proper caching because these translation plugins are bulky, it’s basically like having 2 websites. If you are using budget hosting it may be very slow when editing in the backend.
- AJ
Thanks for your input, AJ. Valuable as always!
Hugo.
Hi, There is always a padding between header and first content. how to change this:
body.page-header-disabled #content-wrap { padding-top: 30px; }
Hi,
If your page header title is disabled on the site there is an option under Appearance > Customize > General Theme Options > Page Title to add a default spacing. Can you double check to see if there is a 30px value defined there?
- AJ
Babamm. Thanks!
No problem, if you need anything else, let me know!
HI AJ, I need to bottom-align a single image element to the bottom of a row. However, since we have the default VC bottom margin in the customizer set to 40px (which is also needed), i am unable to remove this gap.
Can you plz help me remove the gap for just this image without changing the default VC bottom.
SCREENSHOT: http://prntscr.com/hpfzdd
Hi,
You can actually just edit the row or the column to remove the spacing please have a look here – https://wpexplorer-themes.com/total/docs/visual-composer-spacing/
- AJ
That worked perfectly! Thanks
Hey Guys – I added a menu in the Top Bar (Right Side). Any way to add drop down to those menu items? Trying to create a user menu so they can reset their pw, look at orders and etc.
There isn’t any default dropdown function on this menu (primarily because there isn’t an alternative mobile version of the menu, the intension is to keep it minimal). But you can add a little CSS to the site to make dropdowns for desktops – I can help with the CSS if needed.
If SEO is a concern though you could also just have a generic “Account” link that goes to a user account page and then have all the options added on that page (can be laid out nicely using images, icon boxes, etc).
I’m actually releasing an update soon which adds a few more options to Total modules for use on user profile pages, such as a new option for the Total image module to display the current user avatar.
- AJ
Hi AJ – Thanks for sharing. Will wait it out. What I did now create a My Account link on top. On the pages I want for an internal user, I am using permission and sidebar to show internal account pages. But to do this, I have to show Top bar on mobile devices and that takes up a lot of room. Hopefully, you can add a “user” icon next to search icon that also has a drop down with internal links. Hope that makes sense.
That’s a cool idea (adding a user icon function) any thought on how it might work? Because depending on what plugins you are using the user pages could be dramatically different.
If you wanted help with the custom code (for your child theme) to drop a new icon into the menu for this I can write up a snippet for you, it’s not very hard at all.
- AJ
I am trying to draw it out in my head. Desktop is not an issue but mobile becomes an issue with User Menu and how it would load and look. I rmr seeing another template that had it done quite well. If I come across I will share. But for now I am using a workaround since we have to be live soon. Would love to enhance later.
Sounds good. You can always submit a private ticket and request it be sent to AJ with any suggestions/inspiration you may have for this or other features – http://wpexplorer-themes.com/support/
Also…some customers are using a plugin called SuperFly – https://codecanyon.net/item/superfly-responsive-wordpress-menu-plugin/8012790 – with the Total theme which works pretty well and has some built-in functionality for user links. It’s a good plugin.
- AJ
Hi AJ – Is there a demo of the horizontal nav menu that you can embed inside pages?
You can use the Navbar module. I don’t have a live example but depending what you want to do it can work. What are you trying to accomplish?
- AJ
Circling back to the internal user pages….I need full width on the internal user pages and having a right sidebar with menu is causing some issues. Thinking of placing a horizontal menu right below the page title. Let me see.
If you want to add a secondary menu right under the title on multiple pages have a look here – https://wpexplorer-themes.com/total/snippets/under-header-menu/
This will add it under the header but if you want it under the header title use the “wpex_hook_page_header_after” hook instead of the “wpex_hook_header_after” hook.
- AJ
Hey Guys – Excellent Theme! We are using Event Espresso. When it auto creates pages for each event, it seems the blog layout is added so it shows author and social share along with right sidebar. I have tried to set ‘No Sidebar’ to the page template for each event but still the same. Can you assist? Thanks
Got it fixed.
Great, thanks for letting me know
Hi AJ, I am using a testimonials slider and I can’t seem to control the alignment of the text inside each slide. I experimented with left align and justified but neither had any effect and the text is always centered. Please let me know what I can do. The url is thepatronscaddy.com/testimonials.
Thanks, Robert
Hi Robert,
There isn’t any built-in option to align this module (I’ll look at adding one for the upcoming update). But you can easily do this with a little custom CSS like this:
.vcex-testimonials-fullslider-inner { text-align: left !important; }
.vcex-testimonials-fullslider-avatar img { display: inline-block; }
- AJ
NVM – fixed 
Hey Guys – Few questions:
1 – How to hide Social in Top Bar on Mobile Devices 2 – Increase font size in Top Bar Social 3 – How to add a custom menu to the Top Bar Content Area
Thank you
4 – Can you share how to remove the ‘Edit This Page’ button on front end pages?
5 – Hide the author name from the blog page (latest posts page)?
Updates: 1 – Done 2 – Done 3 – Done 4 – Pending 5 – Done
5-Done. Used CSS to hide it.
Awesome, I’m glad you figured it out. Thanks for letting me know!
- AJ
Oh regarding #5 you can also go to Appearance > Customize > Blog > Single and you can hide the author name from the meta via the settings located here as well as remove the author box via the drag/drop blog post blocks.
- AJ
Looks like I missed this setting. Will check it out.
Here is the doc page for that with a screenshot: https://wpexplorer-themes.com/total/docs/disable-blog-meta/
- AJ
Hey AJ, bit of an odd question but my client wants the page anchor to been shown when viewing the page.
For example, it’s a one page site and when a user jumps to the section “domain.com/#contact” they want that ”#contact” to be displayed in the address bar.
I asked them for what purpose but they just insisted on having it, is this possible to do?
If so, which file and line of code must we modify to achieve this?
Thank you
Hi,
You can actually enable this pretty easily via a child theme without modifying any theme code. Simple add this to the child theme’s functions.php file:
add_filter( 'wpex_localize_array', function( $settings ) {
$settigns['localScrollUpdateHash'] = true;
return $settings;
} );
Some people think it’s important in terms of SEO (but it’s not) the other reason may be to make it easier for people to “bookmark” a particular section.
- AJ
Hey thanks for the info and code, I agree and prefer your setup by leaving the anchors out.
Unfortunately when I add this code to the functions it breaks the site and dashboard, only showing a blank white page.
https://i.imgur.com/NTahYvp.pngDid I accidentally mess something up?
Sorry disregard that last message, I had an extra chevron in there. But I got the code loaded in correctly and didn’t see the anchors in the address bar. Even tried a hard refresh and opened in private window.
Sorry! I have a typo…I wrote : settigns instead of settings in the code I sent you if you fix the typo it should work.
- AJ
Boom done! Awesome thank you
Hi, Since the latest update every time I made a change (adding or deleting an element, changing elements positions) in a page in backend editor mode the screen scrolls down automatically, so I have to scroll up every time. Please need help ASAP because this problem is quite annoying, thanks!
Hi,
This was a known issue with the recent WordPress 4.9 update but it has already been fixed. Make sure to update the theme but more importantly the page builder plugin than clear any site cache.
- http://wpexplorer-themes.com/total/changelog/
- http://wpexplorer-themes.com/total/docs-category/updates/
Once everything is updated you shouldn’t have this issue.
- AJ
Solved, thank you!
Hi there, I have a question regarding the position of the megamenu. I wanted to change the width as I only have two columns so I followed your advice on an earlier post by ytilles, where you suggested the following custom CSS: body .sf-menu > li.megamenu > ul.sub-menu{ width: auto !important; } This reduces the width exactly as I wanted, but now the dropdown menu aligns on the left side and I can’t seem to make it come up right below the menu item from which it drops down. Do you have any advice on additional custom CSS for making it appear central or below the menu item, rather than on the left side of the menu? Thanks!!
Hi,
Sure, it’s very easy. Just add a margin-left of 0 like this:
body .sf-menu > li.megamenu > ul.sub-menu{ width: auto !important; margin-left: 0 !important; }
But also a lot of customers also use 3rd party mega menu plugins like UberMenu or Clever Mega Menu (this one has a free and premium version). So if you need more complex mega menu options or settings the theme does support those plugins.
- AJ
