Hi,

This is the Global setting so if it’s not overriding pages it would mean you have selected a custom option for pages as well – https://a.cl.ly/L1u9wEY7

- AJ

You are right. Thanks so much.

Hi Susanne,

1. Heading tags like h1, h2, h3, h4 are NOT meant to be used for styling. Heading tags are strictly for SEO reasons. Now, the fonts of these headings can be styled differently if you wanted and you will find the options under Customize > Typography – however, these will only apply to headings added into the post editor or the text block element. It will not apply to elements like the heading, icon box, feature box…etc. You can read about that here: https://wpexplorer-themes.com/total/docs/headings-typography-shortcodes-entries/

What most people do though is add some classnames to their CSS and then use those classes in their designs. Example: https://a.cl.ly/z8uQgRgr

This way it’s very easy to manage your styles and it’s usually the best way to manage a more complex site if you have various global styles you are applying to many pages and don’t want to edit things manually.

2. The theme has a somewhat “hidden” feature you can use to stager animations all you need to do is add the classname “wpb-animate-in-sequence” to any row that has the elements you want to stagger. Example: https://a.cl.ly/4gueEGgd (because of how WPBakery works you will only see the sequence on the live site not the editor).

Because CSS animations rely on showing as soon as the element becomes visible if your column is too long adding a delay to each won’t really work as you expect because the delay starts as soon as the item becomes visible which means if you have to scroll down to view new items whats going to happen is the delay will just get larger it’s not really animating in “sequence” – it’s actually very complex to do the sequential animation, that’s why it’s an exclusive feature to Total And it may not even be that perfect either because it’s having to listen for scroll events to display items and animate based on previously animated items…so if you have any issues let me know!

I will write a doc page right now for sequential animations!

- AJ

Hi AJ,

thank you for your helpful answer! Follow up questions: 1. I will try this. What do I have to add to define the different font sizes on mobile, tablet, etc.? Or will it auto-resize? What do I have to add to choose the font family? I know these are probably very basic questions, I just have no idea about how to write CSS code … 2. That is pretty cool, that there is a feature like that in Total! Question: Can I add the extra classname to a column as well? In my row are two columns, and I need the effect on just one of them. And: is there a way to control the speed of the sequential entry? If the doc is ready, maybe just leaving the link here will help answer my questions. Thank you very much! Susanne

Hi,

1. If you are writing custom CSS you simply define your font family using font-family – https://developer.mozilla.org/en-US/docs/Web/CSS/font-family

For responsive font-sizes things can get a bit complex because you can either use media queries – https://www.w3schools.com/css/css_rwd_mediaqueries.asp – or you can use the modern clamp() function – https://developer.mozilla.org/en-US/docs/Web/CSS/clamp

What are you trying to do though exactly? Because maybe you don’t really need to worry about adding custom CSS for your needs.

2. Yes you can add the class to a column. In fact you can add it to any element and it will target the items inside of it

- AJ

ps: I am planning on adding a new admin panel for creating “Typography Styles” so you can create styles and then select them when using various elements. Maybe I’ll try and add this in the next update since I think it would be helpful for many.

Hi,

This is Aj the theme author.

The theme itself doesn’t add any Google fonts by default unless you have selected Google Fonts for your site via the Customizer or any custom elements.

There is a quick link you can use though in the Theme Panel: https://wpexplorer-themes.com/total/docs/disable-google-fonts-completely/

But this will only remove theme Google fonts.

If you want to use Google fonts you can also upload them manually via Theme Panel > Font Manager – https://wpexplorer-themes.com/total/docs/font-manager/

Let me know if you have any other issues or questions!

- AJ

Hi,

By any chance did you copy the header.php file into your child theme?

The theme used to have custom CSS added to apply a hidden overflow to the #outer-wrap element, but I removed the custom CSS and updated header.php to use a utility class instead to slim things down.

So if you added header.php to your child theme it would need to be updated. Which by the way…there is NO reason to every modify this file via a child theme, if you aren’t sure how to make the changes without overriding the file let me know so I can help!

- AJ

Hi AJ—you’re absolutely right, I have a child theme header.php … I’ve updated it and all is well. Brilliant, thanks.

Now – the reason I have the header.php is because I have some custom PHP code there, so I can’t use Custom Actions, indeed the note at the top of Custom Actions tells me to use a child theme.

So is there another way?

Thanks.

To insert custom code to the header via the child theme you should still use action hooks but do so via the functions.php file. Example:

// Insert code to the wp_head action hook.
add_action( 'wp_head', function() {
    // YOUR PHP CODE
} );

Simply change “wp_head” to the hook that you want to use

Thank you AJ! I just asked the question over at Ultimate Layouts -forum. ...yes, sounds like a very useful feature for an upcoming Total also

Great, hopefully they message me so we can integrate things!

- AJ

ps: Not sure if you ever need this but I’m working on a new function for the upcoming update (hopefully to release over the weekend or next week) so you can give any element the classname “wpex-js-sticky” to make it sticky – including WPBakery elements.

Awesome! ...sounds like another useful addition, now that I know of it I’m sure it will come to use

Hi,

This is AJ the theme author.

These aren’t known issues (no one else had these issues when updating). I’m wondering if perhaps you just need to clear the site cache after updating.

Are you able to share the URL so I can take a look to at least see if anything stands out? Thanks!

Also, are you using a child theme and if so, are you sure the issues aren’t child theme related?

- AJ

Hi,

This is AJ the theme author.

Slider Revolution updates are provided with the theme, so it will be included in the next update. You can view the upcoming changelog here: https://wpexplorer-themes.com/total/upcoming-update-changelog/

More info on plugin updates here: https://wpexplorer-themes.com/total/docs/update-plugins/

Now, Total actually has code to disable the plugin’s update notifications (unless it’s registered) to prevent confusion. So I’m not sure how you are getting this error. Are you actually seeing update notifications in the dashboard? If so, are you perhaps using a multi-site or maybe an old version of the theme? https://wpexplorer-themes.com/total/changelog/

- AJ

Welcome back

The Customizer settings will only affect the “Globally” set page header, when you choose a custom page header via the Theme Settings on a per page basis it uses its own styles to prevent conflicts. Lets say your default page header is supposed to be black and have a smaller font size, but then you want only 1 page to have a background image you wouldn’t want those smaller dark fonts applied to the custom selected page header style.

If you set your page header title to background style globally though the typography settings will apply: https://a.cl.ly/jkuWj0dG

Make sense?

So what to do?

• You could target it with CSS.
• Better…you can disable the page title on the page and just insert your own row with the page builder: https://a.cl.ly/nOub42z7 (if you need this function on many pages you could always create a template via WPBakery > Templates and then insert it on the pages where you need this). There are other things you can do, but really depends on what you need – if you provide more details I can give you my recommendation.

- AJ

Hi AJ, Thanks for the reply. The global background page header style is what I was looking for. If I run into anything will just target via CSS.

Thanks again!

Also, depending what you want to do you can also disable the default title and create your own. Example: https://www.youtube.com/watch?v=GV4eSBoTwT4

Hi,

This is AJ the theme developer. I’m not having any issues when I test ( https://a.cl.ly/d5unQl14 ) and I see many new tickets submitted since yesterday.

Are you by any chance trying to insert PHP or Javascript into the form? If so, the form won’t submit for security reasons. If you must share code please do so by linking to a site like – https://pastebin.com/

Also if you don’t need to share anything private you can always reply back here and I will help you out, thanks!

- AJ

Hi,

1. I’m not seeing the sidebar anymore, so looks like you figured it out?

For anyone else wondering though, you can go to Appearance > Customize > Blog > Single Post and edit the layout like this:

2. You can add menu buttons like this – https://wpexplorer-themes.com/total/docs/header-one-menu-button/

- AJ

Thanks so much! I have implemented them and it works well. Now here are my last questions:

1. How can I include more than two fields in the Newsletter form. The newsletter form in the builder has only two fields, that’s Email and Submit option. I want something like this (see screenshot): https://drive.google.com/file/d/17r1JwC3vAfd0fbM9te5D52AzwS_oueyn/view?usp=sharing

2. Is it possible to integrate the newsletter form with AWeber?

Hi,

1. The default theme Newsletter form doesn’t support extra fields (reason I kept it simple is because it usually converts better). If you want more fields it’s possible to add custom fields using the “vcex_newsletter_form_extras” action hook (its a hook inside the form so you can just return custom fields) via some custom code. I can provide an example if you want. But depending what newsletter service you are using, most have form builders now you can use and then just insert their code into the site instead.

2. Yes – Here is their documentation: https://help.aweber.com/hc/en-us/articles/204027896-Can-I-use-my-own-form-

I just wrote up a little guide for Total: https://wpexplorer-themes.com/total/docs/how-to-use-aweber-with-newsletter-form/

Let me know if you have any issues or questions about that.

I can look into adding a name field to the theme’s newsletter form, but the default design has a right side button and there are various options to customize the widths and design, so I will need to update the element to add a new option where you could choose from different styles, which is what I think I’ll do. Let me look into that, I think offering a few different designs and options could be good

- AJ

Hi,

This error would happen if your PHP is outdated (it would be good to update to PHP 8+ if possible) but also the notice has been fixed in the latest versions – https://wpexplorer-themes.com/total/changelog/ – so if you did want to update that should also remove the error notice.

In fact in the latest versions of the theme there are some big optimizations for carousels so that they render on page load (previously they had to wait for the whole page to load before they would show up) now they render using flex styles before “swapping” into a carousel.

If you do go a head and update and have any issues or have any concerns before updating let me know!

• https://wpexplorer-themes.com/total/docs/update-theme/

- AJ

Thank you so much. Fixed!

Hi,

• Oh yes sorry the theme does remove the WPBakery fonts, had a brain fart, my bad ;(

• Looking at the site I’m not seeing Roboto loaded anywhere – https://a.cl.ly/bLu5N6KP – did you already resolve the issue? And if so, what was it? Thanks!

- AJ

My google fonts checker says, there is still roboto loaded. Looking more closely, I see https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2, initiated by https://www.youtube-nocookie.com/embed/9yjysJW6i2I – so embedded youtube-videos seem to cause the cookies. I embedded the videos manually via iframe, because WPBakery does not accept https://www.youtube-nocookie.com/embed/.... so it’ more or less an youtube-issue. So it would be really great, if the video-module in WPBakery could handle https://www.youtube-nocookie.com/ – without using google fonts.

Hi,

The WPBakery element just uses the core WordPress oEmbed functionality – https://wordpress.org/support/article/embeds/ – it doesn’t actually do anything besides pass the link to WordPress and then WordPress returns the video, so really it would be a WP issue.

It’s possible to hook into WordPress to allow nocookie URLs for embeds but it requires quite a bit of code – https://github.com/bcollin/nocookie4yt/blob/master/index.php – I tried looking for a plugin but couldn’t find anything, this is all I could find. But perhaps there is a plugin you could use for this.

- AJ

Hi,

I’m not having any issue when checking demos or checking locally:

• https://total.wpexplorer.com/biz/test-404
• https://total.wpexplorer.com/worship/test-404
• https://total.wpexplorer.com/poppy/test-404
• https://total.wpexplorer.com/pottery/test-404

Are you sure your custom 404 page is not using the blog template and also that the issue is not being caused by a 3rd party plugin. Or maybe there is a file in your child theme that needs updating?

I can’t really think of any reason why it wouldn’t be working for you. The only changes in the last update is that the dynamic post templates are calculated sooner, so the only thing I can think of is that perhaps there is a plugin or code on the site that is making the theme thing that the 404 page is an actual post and not the 404 page.

Let me try and “break” things locally doing a few different things to see if I can figure it out, if not I may need to log into your site to see how it’s setup and what’s going on.

- AJ

If you download, extract and replace this file – https://a.cl.ly/xQuxJZJ8 – under Total/inc/theme-builder/ – it has an extra check to prevent any issues on the 404 page with the updates to how post dynamic templates work, but really the extra check shouldn’t be needed, it’s very strange. For some reason your site would need to be returning a value for get_post_type() on the 404 page essentially for this bug to happen.

- AJ

Ok, I can confirm the fix works!

It is happening on all of my sites after I just checked some! So I have no idea what the common denominator is for all of them doing the same thing.

Will replace the file on them all

Great!

By the way…the new version of the theme also has these new options: https://a.cl.ly/z8uQRww6

So you can disable any bundled plugin you don’t want to be notified at all about (installing or updating). Just note, if you disable WPBakery here you will never be notified of updates when updating your theme so only do this if you aren’t using the plugin, for example on a site where you use Elementor instead (yes Total is also 100% compatible with Elementor and some customers prefer using that plugin – I prefer WPBakery myself though).

- AJ

This is great! I hardly ever use the slider revolution plugin, so those messages are annoying. Thank you!

I also prefer WPBakery.

I think I’m going to keep the ability to translate the URL’s just incase someone needs to actually link to a different page as opposed to having the theme automatically go to it. But I did add the code to automatically try and translate the URL – if they manually translated the URL it shouldn’t cause an issue anywhere because the theme should end up returning the same url…

Here is the updated file if you want to try so you can remove the custom code from the child theme and be ready for the next update: https://a.cl.ly/qGux87y4

This file would be extracted and replaced under plugins/total-theme-core/inc/vcex/functions/

I tested this various ways but if you still have issues let me know!

- AJ

Thanks so much. Im triying to download new file but when i click the link i see “Content is being uploaded.”

Oh, I must have deleted the file before it was fully uploaded. Sorry!

Please try this link: https://a.cl.ly/bLu52XRR

- AJ

Hi,

I’m doing good thanks, hope you are too. Haven’t seeing you around here in a while.

Oh I see, it’s a bug with the Landing Page template. Thanks for the heads up!

For a quick fix you can disable the header on the page via the Theme Settings: https://a.cl.ly/geuyK01l

But I will apply the fix in the upcoming update, thank you for reporting it!

- AJ

If you want this is the fixed file – https://a.cl.ly/jkuW0JpL – you can download, extract and update via FTP under Total/inc/header/ – if you want to patch before the official update. But you will need to update the site to the latest version before applying this patch to prevent any issues – https://wpexplorer-themes.com/total/changelog/ (5.5.2) – since your site is all minified and you’ve removed the theme’s generator tag it’s not possible for me to see what version you are currently running

- AJ

Thanks buddy, as always I appreciate your work.

Hi,

This is AJ the theme author.

This isn’t a known issue, here is a screenshot from the latest version of the theme: https://a.cl.ly/12uzlpkq

Is this a new issue? I wonder if perhaps a newly installed plugin is causing a conflict. Did you double check?

Also is your site all up to date? https://wpexplorer-themes.com/total/changelog/

- AJ

Hello AJ! Thanks for answering. All updated; theme, WP and plugins. This is how the configuration of the Administrator is shown, and of the rest of the roles.

I would like to know if it is possible to have the same settings for the administrator role, as it has always been.

Oh,

So you can see the Admin role you just can’t change the settings. The reason for this is because a few versions ago WPBakery updated the plugin so that admins always have access to everything. This is to keep consistency with WordPress since administrators should technically be allowed to do anything and shouldn’t be restricted.

That said it’s possible to change some things with custom code. What is it that you are trying to change for the admin specifically? When looking at the settings it appears the Editor roles are just using the default settings/

- AJ

Hi,

This is AJ the theme author. There isn’t any built-in method but it’s definitely possible but the custom code for this will really depend on your current site setup for various reasons, the primary reason is because if you are using one of the “older” header styles that doesn’t have a fixed height you may need additional javascript to properly offset the header height and this code may need to run on the window resize event, but if you are using a newer “Flex” header style this wouldn’t be needed.

Also the code will depend if you want the dark overlay to show up ONLY when hovering on the menu items or whenever you hover inside the header. If you want it only when hovering on menu items then it will require Javascript as it would be impossible to do with pure CSS.

If you could share the URL and let me know exactly how you want it to work I’d be more then happy to assist you with the custom code to add to your site for this

- AJ

hi AJ, thanks for getting back to me. The banner method is sort of the idea just without an coloured or white box over it to make the text the focus. An example is here https://www.moltenglasscreations.ca/ scroll down about half way to the box that says Looking for Inspiration? I tried adding the image to the row and the text over that but it’s the layer under the text with the faded white box I’m struggling with. I’m sure there’s a simple way to do this and I’m just missing it.

Oh ok, this shouldn’t be to hard

The easiest is probably using a section for the background and then a row with the contents you want inside it with a max width. Here is a sample video: https://a.cl.ly/p9uQojvz

These are the main steps:

- Insert a section and give it a background (stretch this section) - Insert rows for spacing inside the Section (optional – you could just apply top/bottom padding to the section, but I prefer more control over the spacing allowing me to use the CSS clamp() function) - Insert a row inside the section to hold your content with the see-through background and give this row a max-width. - Enable the “Disable Bottom Margin” on all the rows inside the section to prevent added spacing (relevant docs).

Let me know if you have any followup questions or issues!

- AJ

excellent. thank you for the video. I will get to work now

Hopefully they are able to push out a fix quickly!

- AJ

Found the problem. We had this in our child functions.php. When I deleted this, the form worked fine…

// Turn off HTML5 input types for Contact Form 7
add_filter( 'wpcf7_support_html5', '__return_false' );

If I recall correctly, we added this because there was a problem a few years back with the date picker on mobile.

Oh great, glad it was an easy fix

Still means there is a bug in the plugin, but I’m guessing most sites aren’t actually disabling html5 support since it’s been out for almost 2 decades

- AJ