22360 comments found.
Hello again AJ,
I explained above how I applied animations to an image and two text blocks. All works fine. But is it possible to time the animation so that the first text blaco animates slightly earlier than the second?
As it stands, in some rows, the text blocks animate together, while in others they animate one after the other (which is what I want but I didn’t do anything to the animations to warrant he behaviour and I can’t recreate it for the other text blocks that currently animate together).
All I have used is CSS animation SlideFromRight for all text blocks. No other setting chosen.
Thanks
Chris
Hi Chris,
The animation is always triggered as soon as the module becomes visible when you scroll. Currently I only have a delay setting added to columns – https://cl.ly/r3ip – but I do plan on adding an animation delay to more modules in the upcoming updates. If you give your modules unique classnames it would be pretty easy via CSS. For example: https://cl.ly/r4lr
And the CSS:
.animation-delay-1 { animation-delay: 1s; }
And you can create as many classes as you need with different delays.
- AJ
That’s a bit beyond me right now, but I will give it a try when the site is near enough complete.
There is something I don’t understand though; If you look at http://therussiantrilogy.com/historical-figures/ where I have animated the first 8 blocks or so, with the same animation settings, they don’t all animate the same. Some seem to have a natural delay between the two text animations, some don’t.
The animations all look exactly the same to me…But honestly I would stay away from animations it was very popular a few years ago but it’s not really trendy anymore and it’s somewhat oldschool.
Also for a page like this – http://therussiantrilogy.com/historical-figures/
I would highly recommend instead using a custom post type – https://wpexplorer-themes.com/total/docs/adding-custom-post-types/
So you would add each person in your new post type (maybe called Historical Figures). Then you can use the “Post Types” Grid module to display them – https://cl.ly/r4sj
This way you can manage all the people via the dashboard in a post type which is much easier so when adding new ones they get auto added to your page.
Generally when displaying a lot of content like this with the same layout and that are related to each other using a post type is best and easier.
- AJ
Thank you AAJ. You did recommend this before and I did have a look. I just got lost. I’ll have to add custom post types to my to learn list.
Hi AJ,
I know how to save a styled component in WPBakery. I have done that with a row containing an image on the left and two text fields on the right. I have given the image and text CSS animations as well as styling. Then I saved the ROW asa a template, because it seemed to be that template would also have all the inner components and their styles saved. Am I correct or does the row template NOT include the settings of the inner components??
Now I can can create new rows from that template. But here, I have many rows with the same features already created. and populate with images and text, except they have no CCS animations at present. So I don’t want to create new rows from my template: instead I would like to apply alll the settings from the template to existing rows, hoping that all the CCS animations from the template will apply to those already created and populated rows. Is that possible? I only seem to be able to save templates when editing row, not recall a template to apply it..
Hi,
Correct, you can not “recall” a template to existing ones because it would override any modules insert it in it. Also there are many settings that are dynamic for example image modules where you wouldn’t want the image auto updated based on a “template” because that is something that would always be unique to the module.
If you are building very long pages a lot of customers use this plugin – https://codecanyon.net/item/visual-composer-clipboard/8897711?ref=wpbakery&vc_outbound=true – for quick copy/pasting of things like rows. But again, this doesn’t actually save the “settings” and allow you to apply to other modules it simply lets you copy/paste rows exactly as they are.
Honestly though, most sites shouldn’t have that many rows so even if you are updating a few pages as long as you have good hosting it should be pretty quick.
My general recommendation though if you are going to style a lot of rows the same is to give them all unique classnames – https://cl.ly/r3Iy – this way you could always use CSS or even PHP to target these rows and quickly tweak them all.
- AJ
Got it. Thank you.
Hello AJ,
I have created a footer using Total’s Custom Footer and a template. The top padding works fine but I don”t seem to be able to do anything about the space at the bottom of the footer, underneath my content.using the (only) content row padding and margin.
I’m not sure what you mean. Are you possibly seeing the default column spacing below? https://wpexplorer-themes.com/total/docs/visual-composer-spacing/ – which you may want to reset for the footer builder.
- AJ
Hi Aj, I have a problem and I hope you can help me. I’m trying to put an image at the top of the main menu and I don’t see how to do it, I’m using menu option 3 (bottom navigation bar centered). I have tried to use some CSS along with the Appearance menu to put it as a background image, but it either makes the picture huge or duplicates it, besides it is not responsive. I’ve also tried to put the image as a logo and make it fit the window, but I can’t because it don’t let me adjust the image to the size I want and also I get white borders around the image.
How could I have a resposive image on top of the menu bar?
A greeting and I hope you can answer me.
PD: I don’t have any problem if I we need to make the header disappear on the mobile version. I just need to put a well fitted image at the top of the menu bar.
Hi,
This is AJ the theme developer. Adding an image should be pretty simple and I can tell you exactly how to do it, but it depends on what you want exactly and I can’t really understand what you want to do.
Are you able to share a link to your site and then either a mockup of what you are trying to recreate or another website that you are trying to recreate? Thanks!
- AJ
I would like the more link for a single testimonial to redirect to a testimonials page that lists all testimonials, not the single testimonial post. How can I accomplish this? (and possibly add an anchor to the more link). Thanks!
Hi,
This is AJ the theme developer. I’m not quite sure what you want to do…Are you trying to add the latest testimonial on a page but then link to all the testimonials? And if so, which module are you looking at modifying?
- AJ
Thanks for your response! I want the more link for a single testimonial to redirect to a testimonials page I created that contains all of the testimonials I collected, instead of the link going to a single testimonial post.
Hi,
Correct, but I need to know exactly which more link you are referring to. For example if you are using the Testimonials Carousel or Testimonials Grid or Testimonials Slider module to display that testimonial.
Also are you displaying a specific testimonial or are you displaying the latest one?
Without the added info I can’t provide a solution as it depends on how you are displaying it. Thanks!
- AJ
Thanks again. I am using the testimonials grid on a page and displaying the latest one.
Ok, so the testimonial grid readmore link actually passes through the Total excerpt function and the arguments can be filtered out so you can easily change the “more” link to whatever you want and only target the testimonials grid. Here is an example:
add_filter( 'wpex_excerpt_args', function( $args ) {
if ( isset( $args['context'] ) && 'vcex_testimonials_grid' == $args['context'] ) {
$args['more'] = '...<a href="YOUR CUSTOM LINK">your readmore text</a>';
}
return $args;
} );
That said, this will alter all the testimonial grid modules so if needed you can add an additional check for example if the module is on the homepage you could use is_front_page() in the if statement as well.
And of course this would be added to your child theme’s functions.php file.
- AJ
Thank you, AJ. I will give this a try. I appreciate your assistance!
Works! Thanks again!
hi iam struggling with following issue, i have slider revolution working fine on desktop browser but any mobile ones it just shows a picture called mobile.jpg. Thing is when i go to edit pages – home page and i do front end or back end WP backery editor; i cant find the slider revolution appearing so i can edit the settings to “show on mobile”. why is the slider revolution not showing up in edit mode, almost feels like the slider rev is hard coded into the website and cant be edited.
Hi,
Did you import any particular demo? The theme has a couple ways you can show alternative sliders on mobile. For example if you are using the slider option in the “Page Settings” – https://wpexplorer-themes.com/total/docs/adding-sliders-top-pages/ (method 1) there is an option to display an alternative image for the mobile devices. Most likely this is how the site is setup. But you could also use column/row visibility settings to show/hide items on different screen sizes.
If you can’t figure it out and can share the URL I would be able to look and let you know exactly what’s up.
- AJ
[FOR GOOGLE MAP TEXT SEARCH]
Hi, i am trying to input a google map with search result. Its like a map with search result of “SINGAPORE OPTIC”. This is the link of how to put in : https://developers.google.com/maps/documentation/javascript/places#TextSearchRequestsI try to use RAW HTML function in VisualComposer, but it aint showing out. May i know is there anyway i can input this kind of map?
Hi,
The link you are sharing is documentation for the map API so there are other steps if you want to do it manually.
You need to get an API key and add load the API on your site as described here – https://developers.google.com/maps/documentation/javascript/get-api-key
There are some plugins though you can use instead, example: https://wordpress.org/plugins/wp-google-maps/ (haven’t tested it but it’s one of the most popular free plugin)
After updating the theme this week to the latest version, the vertical navigation drop-down menu links are not working on desktop but are working on mobile. How do you solve this issue?
Hi,
This isn’t a known issue, can you share the URL so I can inspect it and see what’s going on? Thanks!
- AJ
Hi! Please check this site: http://www.cityaslabindia.com/ have been struggling with the drop-down menu for a few days now don’t know why its not working anymore after updating the theme.
Oh I see. Yes this is a known bug which has been fixed for Total 4.6.2 which will be released soon. For a quick fix you can add this CSS to the site:
.header-six #site-header-inner { overflow: visible !important; }
Sorry for the troubles, have a nice weekend!
- AJ
I am using the Total image grid on a page and really like that the lightbox has the option to open it full screen, with controls to start and stop an auto-looping slideshow. However I fear that visitors to the website who click on an image in the grid to open the lightbox will not understand how to view it in full screen mode, because the full screen controls are tiny and in the upper left corner of the screen. And when the full screen mode first opens the left and right side arrows don’t display right away, so a user may be confused and start clicking on the screen, which close the lightbox, and could result in the user getting discouraged. How can I modify the full screen lightbox controls so they are more prominent to a user and so the left and right arrows show up right away? Thanks!
Hi,
This is AJ the theme developer.
Tweaking the controls is fairly easy. By default they are using image based icons so if you want them bigger you will need to make/download your own icons that you want to use and upload them to your site then write some CSS to replace the default icons with your custom ones.
Alternatively if there is a 3rd party lightbox plugin for WordPress you prefer it could be possible to simply replace the lightbox in the Total image grid with that from the 3rd party plugin (may be easier depending on the plugin).
- AJ
Guys LOVE this theme and hoping to use it in another 3 upcoming projects I’m trying to secure! Quick question though. In the gallery element, is there a way (via even CSS) to move the caption that you can have appear on the image, to move it BELOW totally the image (i.e. not anywhere on it?) cant seem to manage it with settings… hope you can help!!
Hi,
I’m glad you like the theme 
To be honest I’m not 100% sure which gallery element you are referring to. If you are referring to the Total “Slider” element then yes, you can use a little CSS to force the caption to be under the image.
If you want to setup a test page with the module you are referring to I can look and send you the CSS for this so you can test before hand.
- AJ
I made a new Template but lost Other Projects https://baobeiglass.com/portfolio-item/baby-bird/ there is no oter projects but https://baobeiglass.com/portfolio-item/fruit-yoghurt/ if use your Template, there is other projects
Hi,
This is AJ the theme developer. When you use the dynamic template function – https://www.youtube.com/watch?v=eGYuBjqkj8Q – it replaces everything on the page. If you want to add a related section you can use the Portfolio Grid or the Portfolio Carousel module to add related items below like this: https://wpexplorer-themes.com/total/docs/related-items-dynamic-template/
- AJ
Hi,
Is there a way to submit a support ticket rather than posting publicly here?
Of course! You can submit private tickets here: https://wpexplorer-themes.com/support/
- AJ
Another basic question, probably not specific to Total.
I am developing the site locally. I have no host at present.
Right now, to navigate to a page (outside the menu), I use a simple link using the various page permalinks. I have just done that for a couple of contact forms, for example. But all those links are based on the root name of the site, which is currently local. for example, my contact form is reached at http://the-russian-mysitename.local/contact-the-author/
But what happens when I put the site online, maybe even with a different root name, let alone the fact that .local will not be valid anymore? Do I have to manually edit the links? Or is there a mechanism either in WP, in Total or with a given plugin that can do that automatically. There must be something, because if I continue to update the site offline first (I am using Flywheel Local for now), I will keep referring to local links when I design, which need updating to live links online to work.
Hi,
Whenever you migrate your website you should do a search and replace on the database to update your domain name. But flywheel may have something built in so I would recommend asking them if they have a mechanism for that when you make the site live. Some of the other hosts auto update links when going from stagging to live as well as migration plugins can do this.
- AJ
v4.4.1 – September 28, 2017 ADDED Houzz, Whatsapp & Spotify to social options
I cant seem to find WHATSAPP in social options. Please Help.
Thank you
Parhobas
Hi Parhobas,
If you are working with the Social Profiles widget in a sidebar you need to add a new one because of how the widget works. If you are using the top bar social options or the “Social Links” Total page builder module you should see it right away. If you don’t let me know.
- AJ
what i mean is putting whatsapp share in blog? Correct me if i’m wrong
Hi,
Oh, no the Whatsapp was not added to the social sharing it was only added to the social widgets.
You can add whatsapp to social sharing though with some custom code though, example: https://wpexplorer-themes.com/total/snippets/add-new-social-share-options/
The social share is still kept minimal on purpose and has twitter, facebook, google, linkedin and email only. But you can also always use a 3rd party plugin for social share if you do prefer.
- AJ
Thank you AJ
Please Help. I tried as you told me nd it worked. But there’s no thumbnail picture of the post when i share the post.
Do you have Open Graph meta setup on your site? These are the tags needed for social sharing. Most SEO plugins have this built-in (and you should be using an SEO plugin). I use and recommend Yoast SEO.
- AJ
Need help AJ. Asking you how to Shorten Your Post Titles in WordPress. Sometimes my client put a lillte too long post titles and it doesnt look good in front page..
Please…
Hi,
It is possible to shorten them on the front-end, but it depends where you want to shorten them. Because in WordPress the_title filter affects everything. So the code would need to be written differently depending on where it’s shown.
I am guessing your client writes long titles for SEO. I would recommend instead of trimming titles to use an SEO plugin such as Yoast SEO so you can make the default titles normal/short then you can write custom SEO meta titles if you want just for the browser/search engine.
- AJ
Hello AJ. I just update you theme to Version: 4.7 and suddenly i can’t customize the theme. Please help…
It says something wrong with one of my plugin, WPBakery Page Builder and/or Slider revolution
Hi,
Sorry for the delayed reply. I’ve been in and out of the hospital 
Where are you seeing the error? Can you share a screenshot?
Have you updated the included plugins which can be done under Appearance > Install Plugins?
- AJ
Hi- Thanks again for this awesome theme! I recently updated a few images on my portfolio page and now my masonry grid is not displaying correctly. It is set to display 3 columns, but is only displaying 2 columns with some white space to the right. Any idea what is causing this? http://lenapodesta.com/illustration
Hi,
This is AJ the theme developer. I’m glad you like the theme. Thank you for your patience with this matter.
Regarding the masonry grid, it looks good to me – https://cl.ly/qzs7 – did you manage to fix the issue or is the issue only happening in a specific browser?
Your site looks nice!
- AJ
Hi AJ- Thanks for your help. The way the page looks on your screen is correct. However, when it loads on my screen, it looks like this: https://www.dropbox.com/preview/Screen%20Shot%202018-04-19%20at%209.05.08%20PM.png It seems to try to load three columns and then settle on 2. I’m using chrome on a mac. I recently upgraded my os to Sierra. Previously, the page was loading fine.Thanks! -Lena
Hi Lena,
I am also testing on the latest version of Chrome and on Sierra.
The link above doesn’t work for me (maybe it’s private) but I understand what you are saying.
Do you have any chrome addons installed/active that could be causing the issue or are you zoomed into the website by any chance?
I tested on both my iMac and on my Macbook (with retina) to make sure and both look good to me.
- AJ
Hi- I’ve deactivated all the Chrome extensions. I also made sure to update to the latest version of Chrome (Version 66.0.3359.117), restarted my computer, tried zooming in and out, and the issue persists. Any other ideas? Thanks!
Hi,
Hum. That is very weird. I’m not really sure what to say since it is working for me perfectly fine. I just recorded a full video – https://cl.ly/r4Rh – also you can see I have cache completely disabled to make sure there isn’t any caching issue.
Have you by any chance looked on another computer and also seeing the issue?
- AJ
Thank you very much in advance as always,
Bob
Ok, I just added this into my custom css:
.products span img{ border-width:0px !important; }
It seems to works fine. Is it correct, AJ? Thank you,
Bob
Hi Bob,
It’s best to make your CSS more specific like this:
.woocommerce ul.products li.product span > img { border: 0; }
Ideally the sold badge would have a classname you can target but it doesn’t so this is probably the most specific you can get.
- AJ
Thank you very much, AJ!
Hi AJ.
I thought I had posted this before but I cannot find it here nor in your answers copied by email. Sorry if that is a double again.
I have used the email item both in Social Link and Social Share. I must be misunderstanding its use, because it is not a mailto type element. Is there more doc just on the use of the email element, both for Social Share and Social link? I cannot see anything in the vids.
Until I understand it, would you please let me know the best way to send an email with a pre-defined adress, cc adress, title etc using a Total or other WPBakery element. Or does is have to be hard-coded like a mailto?
And if that’s not a good way of doing it, is there material on using email forms in Total, again starting from a simple WPBakery element?
Thanks a lot.
Hi,
The reason the email item in the social link isn’t a mailto: link is because some customers want to link it directly to a contact page. All you need to do is add the mailto: yourself in the link if you want it to work that way.
The social share email function opens up whatever email you have setup on your computer to allow people to share a link to the current post.
If you want to visitors to send you an email with title, address, etc you can’t use a simple mailto link you need to setup a contact form on your site. There are tons of plugins out there for this such as Contact Form 7 which is one of the more popular ones.
Email forms aren’t something built-into Total or pretty much any theme because they are fairly large/advanced functions which are better added via plugins.
- AJ
Evening AJ (well, my evening anyway, don’t where you are).
That all makes a lot of sense. I think I prefer using a mail form anyway. I’ll look into Contact Form 7. I’m sure they’re all pretty much alike. The only thing I want to be able to do is reach the email form from the Social Link Icon: so I suppose once you set up a contact form, you set it up as an unpublished page, or even better, a template in WPBakery and you can get to it from the Social Link 3link” field? What would be cool is being able to fire up that form ina pop-uo rather than opening a new tab or replacing the page you’re on.
Hi,
It’s 10:35 am here
The best solution is to create a new page for your contact form. Here are some basic examples:
- http://totaltheme.wpengine.com/samus/contact/
- http://totaltheme.wpengine.com/nouveau/contact/
- http://totaltheme.wpengine.com/agent/contact-us/
The main reason to use a page is so you can share the link with people. If someone asks you via social media for example how to contact you, you can share the link. You can’t do that with a popup.
If you want to use a popup then you will want to look at a plugin specifically for a popup form. Because it will need to use ajax (can’t reload the page when clicking submit) and will need the popup functionality.
- AJ
Good morning AJ 
So what’s it like living on Mars then?
Ok, page it is then. Though I need to make sure the page is not published but still has the header with menu so peeps can navigate back to the rest of the site I guess.
Haha, I actually live in Vegas, so pretty similar landscape to mars, ha
I’m not sure why you need to page to not be published…Can you explain?
- AJ
Yeah but you come from Mars, right?
I guess I am still mixing my metaphors. Remember than I have been learning WordPress since I bought your theme and no longer. All my prior experience with WordPress consisted of deciding what theme to go for (made a great choice though maybe you disagree) Hence all the basic questions that sometimes turn out to have nothing to do with Total.
Perhaps I don’t mean unpublished. I probably mean not available in the menu structure so that it is only seen when called (from the email social link Icon in ly case).
I could be from Mars…but I’m not telling you.
“Perhaps I don’t mean unpublished. I probably mean not available in the menu structure so that it is only seen when called.” <- Oh yes that makes sense
In WordPress published means the page is live otherwise it’s a draft and can only be accessed if you are logged in.
- AJ
You speak good WordPress for a Martian.
Thanks for the lesson? Seriously, it’s really kind of you to take time to teach beyond the scope of the theme. I really appreciate it.
Minor issue after updating but just wanted to let you know: after updating the theme on one of my client’s sites, I noticed the custom CSS was no longer working on the Icon Box element I added. After further review, it seems the ‘Unique ID’ setting is not applying. I’ve switched to using classes as that works and I needed the CSS to apply again, but would be good to have it back in case I missed any other elements. Thanks!
HI there,
This is AJ the theme developer. Thank you so much for reporting the bug! Looks like the unique ID is only being added when the icon box is wrapped in a link. Here is the fixed file – https://cl.ly/qx45 – if you want to update via FTP under Total/vcex_templates/
Thank you again for reporting the bug and if you have any other issues, questions or suggestions let me know.
- AJ
Wow, thank you for a quick response and solution! It’s greatly appreciated 
Hey AJ,
GDPR / DSGVO is indeed a huge problem right now for us in Europe.
One problem are google fonts, which should be loaded locally. Not such a big problem to solve. But without the plugin: „Remove Google Fonts References“ the theme still „calls“ fonts.googleapis.com and fonts.gstatic.com and I dont know why.
The plugin is not up to date anymore and I would prefer not to use it (keyword: security). Is there a (best-case) One-click-solution to deactivate these calls? And, if not, could you please consider an option in the settings for it?
(I fear, that this will not be my last request concerning GDPR :()
Best regards, Sanny
Hi Sanny,
Total has a built-in setting to remove all Google fonts from the theme – https://wpexplorer-themes.com/total/docs/disable-google-fonts-completely/ – this was actually added for Chinese users.
But this will also remove any google font selections from modules and the Customizer, so I would recommend adding whatever fonts you are using on the site via the custom fonts filter – https://wpexplorer-themes.com/total/snippets/add-custom-font-customizer/ – so you can still access them.
If this setting is disabled and you still see requests it may be coming from a plugin on the site such as Slider Revolution or the page builder which have their own methods for loading fonts.
Is the issue with the Google Fonts the fact that the user’s IP address is being sent over to Google to make the request? I’ve been doing a lot of research on GDPR but can’t find much in terms of why Google Fonts would be an issue. If you have any extra data I would love for you to share, thanks!
- AJ
Hey AJ,
great, thank you so much. I had a look at the themepanel before I wrote my comment but Ive overseen it, sorry. (But to be honest, without your links it would have cost me hours and hours, I guess…^^) Unfortunately, there is still something calling “Mommy-Google”. I’ll try to identify the bad guy.
Yes, the problem is the IP – that way google knows exactly which pages a user visites. This information in combination with all the other info google ownes gives them the opportunity to exactly identify the user (at least this is the way I understood the problem.) Unfortunately i dont have sources in English since I m German and therefore prefer to read difficult law-related texts on German.
If I should find out more about this I`ll update the comment.
Best regards, Sanny
Hi Sanny,
If you can share the URL maybe I can figure out where it’s coming from
- AJ
Hey AJ,
sorry for delay! I tried to rememeber where I read this exactly, but I’m sorry, I dont know anymore. Read too much concerning this topic the last weeks…. It is not yet clear, whether google fonts will REALLY be a problem or not, not before the courts made the first decisions. Especially here in Germany the lawyers look VERY exactly at everything concerning private data… But when I find something, I will come back and tell you.
Best regards, Sanny
Keep in touch
Thanks for your reply, another question before purchasing, http://totaltheme.wpengine.com/tinyfolio/portfolio-item/french-macaroons/ for this page, do you only have one format? Do you have the picture on left and text on right?
Hi, Thank you for your patience. I was sleeping I just replied to your previous reply with the same question, please have a look.
- AJ
Thanks for your work, I will purchase it. Thank you again
Hi,
I see you purchased the theme. Awesome! If you have any issues, questions or suggestions let me know so I can help you out. I hope the theme works well for your needs
- AJ
