Hum…but you don’t have to copy/duplicate anything from the parent theme. If there is anything you want to change you should write custom “overriding” CSS. Lets say for example the parent theme has this code:

.page-header {
    margin: 0 auto 40px;
    padding: 20px 0;
    position: relative;
    background-color: #f7f7f7;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

Which makes the main page header gray, with a border and some padding/margin. If you want to change the border lets say to be black and 2px width (well you can edit this in the Customizer, but if you want to use custom CSS…) you wouldn’t duplicate the CSS you would just write custom code to override like such:

body .page-header {
   border-color: #000;
   border-width: 3px;
}

Or like this:

body .page-header {
   border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

If you ever want any suggestions/help with altering the CSS of anything just let me know and I can assist.

- AJ

Right, I totally understand CSS and how I can override the styles, but I was hoping to be able to write SCSS so the styles would be correctly merged together and I could override certain SCSS files if necessary. For example, I’m trying to override the columns in the footer, but the child CSS is not overriding it.

@media only screen and (max-width: 959px) and (min-width: 768px) { #footer-widgets .col { width: 50%; } }

The parent CSS has width: 100% and that gets used instead.

Again, I was just hoping for a solution that was already built, but if that’s not the case then I can look into other methods to accomplish this. Thanks!

Hi,

The CSS for altering the columns on mobile would be very easy but it depends on how many columns you are using. The issue with the code you are using is that it simply isn’t overriding. For example if you added a parent element before it like body #footer-widgets .col{} or you added an important tag it would work.

However, if what you want to do is add responsive columns to the footer this is the better way – https://wpexplorer-themes.com/total/snippets/footer-responsive-classes/

The theme does have responsive classes you can use to alter the columns depending on the different screen-sizes anywhere in the theme that uses the row classes – https://wpexplorer-themes.com/total/snippets/sample-total-grid-html/ – . The options aren’t added in the customizer because I didn’t want to bloat up the customizer adding 4 more settings for each column choice in the Customizer but maybe in the future I can tweak the column field so yu can select each one but save it as a single setting…

- AJ

site address is: nscainc.com Nothing is showing up! Help!

Hi,

The error is actually coming from your child theme – https://cl.ly/pfyc – which has added some files from the parent theme over to the child theme (you never have to do this in Total because there are filters available for everything) – https://wpexplorer-themes.com/total/docs/use-filters-wordpress/

If you want you can submit a private ticket with your WP site logins so I can figure out what the developer did and help you fix your child theme issues – https://wpexplorer-themes.com/support/

Sometimes people copy over all the files from the Total theme into their child theme (bad idea) which causes this sort of problem when updating. Sometimes they copy just a few files but if a function has been deprecated or the modified code is incorrect it can cause issues, It should be a very easy fix though

When you submit the ticket request it be assigned to “AJ” and if possible if you send FTP logins it would really speed things up for me as I scan through the child theme to locate issues.

- AJ

By the way I am the sole theme developer, which is why I said to request me in the ticket to ensure your child theme is fixed perfectly to prevent any issues in the future with future updates.

Hi,

Sorry I don’t understand what you mean by “Also the option mega-menu for the menu principal?” Can you explain? Thank you!

- AJ

Hi, sorry. it is possible for the main menu to have 3 columns. It is usually called megamenu, like this https://wpmegamenu.com/

Oh yes, the theme has a very simple mega menu for columns as shown here – https://wpexplorer-themes.com/total/docs/creating-mega-menus/

But the theme also is compatible with Ubermenu (the one you linked to above) either auto integration or manual inegration, so if you already have that plugin you can use it with Total

- AJ

Hi,

Is your site being cached? If you are using any sort of caching plugin or your hosting company has built-in cache be sure to clear it. The Top Bar doesn’t have any built-in functions to restrict visibility to non-logged in users, so it’s not possible unless there is caching going on or you added code to your child theme specifically to hide it. Can you please check? If you can’t locate the issue can you share the URL so I can inspect it to make sure it’s not some sort of CSS issue?

- AJ

Kindly ignore this question. It’s all good now.

Can you please share the URL so I can see what’s going on? Thanks!

- AJ

Hi,

1. Yes you can use the classname “toggle-bar-btn” on any link (must be an a tag) to open/close the togglebar.

The issue I see though is when you add custom classes to your menu items it’s added to the li element not the actual link, so I would have to modify the javascript for this to work. I can do that and send you the updated js file if you can replace it via FTP in the theme. Let me know if you want that.

2. Yes, but it would require quite a lot of custom CSS. If what you really want is a sidebar style area to open from the side I would recommend just using an off-canvas plugin, there are quick a few good ones out there.

- AJ

Or do you have a custom footer setup under Theme Panel > Footer Builder?

- AJ

done … thanks i fix my fault. it was deactivated in the page settings XD

Hi Romain,

How did you translate the footer callout? You should be able to also change the button link via the WPML “String Translations”. I double checked the the callout link is included in the registered Customizer settings for WPL/Polylang – https://cl.ly/pg2Q

- AJ

Hi,

Are you a developer? If you want to override the default archives there are many filters you can use for this. Example: https://wpexplorer-themes.com/total/snippets/cpt-entry-blocks/

And adding/removing sections from your archives via code is much more efficient then using advanced plugins (there are plugins you can use) to override your archives with page builder modules.

Also if you use the Post Types UI plugin you have a lot more control over your archives, for example if you want to choose your grid columns, etc – https://wpexplorer-themes.com/total/docs/adding-custom-post-types/

- AJ

Hi,

Try adding something to your cart, because the cart html is cached by WooCommerce. The snippet is still correct.

- AJ

Hi,

I was considering adding it, but because of how WooCommerce works it’s not really ideal having it as a shortcode so I decided not to add it at this time until there are some future improvements to the functionality (it’s easy to add a simple cart and amount but not a dropdown that will work anywhere on the site).

There are plugins out there though you can use to extend the cart function, for example some customers use this – https://wordpress.org/plugins/woo-cart-count-shortcode/ or this – https://wordpress.org/plugins/side-cart-woocommerce/

- AJ

Hi, I found how to do the Custom Query with the VC Post Grid, but then the Load More option disappeared. It would be great if your Total Post Types Grid had the Load More and Lazy Loading options.

Hi,

I actually already coded the loadmore button for the post types grid but didn’t make it available yet in the theme because instead I am working on a brand new “Grid” module that will hopefully replace the rest as it will have more options, different skins, easier to modify via child themes, etc so I’m thinking of only adding the load more to this module. Load more functions are actually very complex and add significant bloat which is why I’m looking to include it only on my new module I intend to release hopefully next month.

One thing I would recommend though as a lot of customers use and like it is this plugin – https://theme-one.com/the-grid/ – it’s a massive (but fast) plugin that lets you create any custom style grid (with some nice presets to choose from). Because it’s a plugin it can include a lot more functionality then one can include in a theme (without making the theme really massive/bloated) so there are a lot of different choices to pick from to create truly custom grids.

- AJ

Also…the core WPBakery Post Grid doesn’t have a true “load more” function, what they do is they load all the posts and then hide some via CSS, which isn’t very good for site speed, especially when you have a lot of items. The new grid I’ll be making will have a real load more that loads the items on demand via AJAX.

looks like slider revolution needed updating, I didn’t notice, so ignore the comment above, it’s fixed thanks.

Hi,

Make sure it isn’t disabled under “Screen Options” in the dashboard – https://cl.ly/pdmv

Hi Ron,

The callout text. button text and button link should be available under your string translations – https://polylang.pro/doc/strings-translation/

Also you can override them on a per-post basis if needed via the meta options – https://wpexplorer-themes.com/total/docs/page-settings-metabox/ – but this is more for people that have different sections on the site that need custom callouts.

- AJ

Checked this Line is included in the free version of FontAwesome. I am using it on my footer menu along with other social icon and Now I want to add it as another social share icon too. I can wait for the update don’t need to be rush.

https://fontawesome.com/icons?d=gallery&q=line&m=free

I will email you when I get a topic to write Thank you so much!.

Ohhh.. ok I see Sorry I thought you meant the thin icons like this – https://fontawesome.com/icons?d=gallery&s=light&m=pro

What could maybe do is make a tiny plugin for fontawesome pro if you want to beta test it before I put it in the core theme. I think others would like to try this. This way I can have some customers try and and if there are any issues they can help me debug.

- AJ

That is a good idea too.

Actually the Line messenger that I talk about is this one and surprise it only has in the free version! and only one style. https://fontawesome.com/icons/line?style=brands

I’m glad you like the theme!

For the local scroll to work with your menu you just need to add the “local-scroll” classname to your menu item as mentioned in the docs here: https://wpexplorer-themes.com/total/docs/creating-local-scroll-menu/

If you don’t see the setting you can enable it under “Screen Options” like this: https://cl.ly/pdDu

If you need anything else or have suggestions for future updates, let me know!

- AJ

Thank you for the prompt reply, it worked perfectly.

Hi,

This is the callout area so you would go to Appearance > Customize > Callout and disable it from the general tab.

More info here: https://wpexplorer-themes.com/total/docs/footer-callout/

This is a very helpful article as well if you are new to the theme: https://wpexplorer-themes.com/total/docs/total-wordpress-theme-anatomy/

- AJ

Thanks for the quick response. That’s a great theme. I’m happy to have bought it.

Great! If you need anything else, let me know

Hi,

The Charlotte demo does have a little custom CSS added to the site for this background, it should be included in the sample data. If it’s not, I will re-export and update the sample data right now – thanks for the heads up.

The CSS is very simple:

.blog-entry.grid-entry-style .blog-entry-inner { border: 0; background: #eee; text-align: center; }

- AJ

Working great—cheers!

Hi,

The header doesn’t have a fixed height so it will expand depending on the height of your logo and header top/bottom padding.

- AJ

I figured out the hover background – just not the margin jump and the issue with the first item. Thanks

Hi,

The “jump” is being caused due to the change in padding on hover added in your child theme – https://cl.ly/pd8a

- AJ

thank you!