Hi,

It looks like your license is currently registered to a different domain – je*b.sg-host.com – you can simply log in to the license manager to remove the license – https://my.totalwptheme.com/license-manager/- this way you can add it on the proper domain.

Since the staging site that your license was registered to isn’t live, I went ahead and de-activated it so you don’t have to. Now you can add it to your site

- AJ

nevermind – using dev tools the AI came through:
.vc_separator.yellow-text > h4 { color: #f2c200 !important; }<br /> putting this here in case anyone else wants to do this! Now to figure out how to change the Load More button.

This is a core WPBakery element.

For more control, I would recommend using instead the theme’s Heading element and set the Style to “Side Border” and center the text to get the same look as the Separator with Text element.

Sample video: https://a.cl.ly/E0uQKWKR

Using the theme’s elements instead of the WPBakery will generally give you much more flexibility.

Plus, for SEO it’s best to use the theme’s Heading element because then you can control the HTML tag and not forced to use an h4 which is what the Separator with Text element uses.

- AJ

The load more button (if talking about the theme’s Post Cards element) uses your global button styles which you can control in the customizer: https://totalwptheme.com/docs/button-colors/ – for usability and accessibility it’s generally best for all buttons on your site to have the same look.

But if you wanted to target it separately, you could with some custom css, which I can help with. But I would need to know which load more button exactly as there are several – default archives if selected in the customizer, archives created with post types unlimited, the Post Cards element, the older Post Types Grid element or WPBakery’s Post Grid (this last element isn’t recommended).

- AJ

Hi,

This is Aj the theme author.

You can definitely view the changelog in the theme details. Here is a sample video: https://a.cl.ly/mXuOPRx6 – I am linking to the whole changelog though, because if a user is updating from a very old version it’s best that they see a list of all updates if they want to view changes for each version they’ve missed out on.

I used to link to only the latest version, but many customers requested that I instead link to the main changelog page.

If this isn’t working for you, perhaps there is a bug in your WordPress installation. I can help troubleshoot that if you wish.

Some theme’s put the changelog inside their theme’s which makes it very difficult to find. I like having it on a live site so users can easily find it via Google (if you Google search “Total Theme Changelog” it’s the first result. and/or bookmark it for quick access. Also it allows me to display it in a much easier to read way.

Of course if you have some suggestions on how to make things easier, please let me know! I’m constantly improving not only my theme but also my docs.

- AJ

Based on your feedback. I’ve gone ahead and added 2 fixed links in the theme description that will show up always whether there is an update or not: https://a.cl.ly/llupkQjv – I think others will find it useful.

Hi Astrid,

This is Aj the theme author.

This is pretty much an impossible question to answer without viewing your site because it depends on where the slider is inserted (for example if it’s inside a column and not full width), if it’s stretched so that it fills up the whole width of your browser window or if it’s inserted inside your main content (not stretched) but perhaps you have modified your site widths – https://totalwptheme.com/docs/customize-your-layout-widths/ or if you are using the boxed layout..etc.

If you can share the URL I can be of better help.

Generally I try and keep images uploaded to my site around 1500px wide so that they generally will look good but also not be so huge that they take a long time to download.

It’s also important to consider the fact that larger images can greatly slow down your site, so there needs to be a good balance between quality and file size.

- AJ

Hello AJ, thank you for your response. Our website is https://www.das-art.nl/ The image slider is set in a row format of 1/4 + 1/2 + 1/4 (under ‘works’) and when you click on it you will be linked to an image slider in a portfolio item in a row format of 1/2 + 1/2. The images are now 960×1280 px created in Canva and compressed with compressor.io to a size of about 500kb. Thank you, Astrid

Done! Thank you for the heads up!

- AJ

added to the Icon Box as well – update planned for tomorrow or the next day as there is a WP 6.9 debug notice that needs fixing.

Hi Paul,

You can use this CSS for a temp fix to prevent the sidebar from being sticky when the columns stack:

@media (max-width: 959px) {
     .wpex-vc_row-has-sidebar > .wpex-sticky { position: static; }
}

It’s a bit tricky to add a “fix” directly in the theme as you can control the sidebar and content widths via the customizer so the theme doesn’t really “know” when the 2 of them stack.

Other alternatives:

• Add the sticky class to the menu instead the column so the heading isn’t sticky (most common).

• Use an inner row and add the sticky class to that row instead of the column.

• Use the left sidebar layout, enable sticky in the Customizer, then create a separate dynamic template “part” for the sidebar content and display that via a widget. You can create custom widget areas for different parts of your site – https://totalwptheme.com/docs/custom-sidebars-advanced/

- AJ

Sorry I’m missing which of these places the sidebar below the content? The CSS if fine for me but the stack order is wrong.

You can use the “float columns right” option as you mentioned, but you need to then make sure to change the row setting “Use Content/Sidebar Layout” so that it’s set to “Right Column is Sidebar” – which may seem a bit counterintuitive but technically even though the sidebar is displayed on the left technically you are using the “right” column for the sidebar as the columns will be shown in the opposite order.

So, the way to correctly do that is:

• Insert 2 column row
• Add your widget stuff in the right sidebar.
• Add your content stuff in the left sidebar,
• Enable the “Float Columns Right” option which will swap the order.
• Choose “Right Column is Sidebar” for the “Use Content/Sidebar Layout”.

Note: If you are using the WPBakery page builder to create the sidebar in the template and the sidebar is below the content when it stacks, you shouldn’t need the extra CSS because the sidebar will be shown after the content when stacked so there is no room left for it to become sticky within it’s parent content.

Additionally, if you use the 3rd alternative method I provided previously, which is to use the actual sidebar layout for the page instead of creating the sidebar with WPBakery, you can control the sidebar placement on mobile via the Customizer: https://totalwptheme.com/docs/sidebar-mobile-placement/

- AJ

Hi Wade,

Your license is registered to https://gen.........ng.co.nz but your actual site is https://www.gen.... (has www) so it doesn’t match what is on record. I’ve manually updated the domain so you don’t have to. If you see a dashboard notice though (it gets cached to prevent constant requests) visiting Theme Panel > Theme License will clear that up!

- AJ

Thanks AJ – All sorted. Very much appreciated.

Hi,

It sounds like you want to change the color of a specific menu item icon. Your CSS is fine but it’s not the best way to target the icon and it won’t work on mobile because you are targeting the unique ID which get’s added only on desktop as it would create issues if the ID’s were also added in the mobile menu.

So you can target all menu icons like this:

.menu-item-icon { color: #ff0000; }

This will work on desktop and mobile and if you want to target a specific menu item, the best way to do so is to give that menu a specific classname that you can target,

Additionally, if you are using #ff0000 for your accent color – https://totalwptheme.com/docs/accent-color/ – you can use the variable instead:

.menu-item-icon { color: var(--wpex-accent); }

Or if you have registered the red color as a color palette – https://totalwptheme.com/docs/color-palette/ – you can target it accordingly, example:

.menu-item-icon { color: var(--wpex-palette-14104-color); }

- AJ

Hi Joe,

This is Aj the theme author.

So 5.7 is a very old version of the theme and you could have troubles updating WPBakery due to some changes in the plugin. What you can do is simply de-activate WPBakery then go to Appearance > Install Plugins and you should be able to update it from there and re-enable the plugin.

Your site should look exactly the same though, if it doesn’t usually it’s because of caching. Make sure to purge all caching, optimization, and or minify plugins, any applicable CDN (such as CloudFlare) as well as your browser cache.

If you still have issues please let me know. If you share the URL I can have a look and get a better idea of what’s going on.

- AJ

Hi,

This is Aj the theme author.

This error will show up if you have the same license registered on the whole multi-site (main site or Network Admin > Themes > Total Theme License) but also on a single site. All you need to go is go to Theme Panel > Theme License on the sub-site with the notice and de-activate the license. This will cause the License panel to be removed on that sub-site and since it is network activated the notice should be removed as well.

I can add an extra check to prevent the notice from showing up but on a multi-site it’s best to network enable it so that the license panel doesn’t show up on the sub-sites. What I will do in the next update is change the notice displayed if you have the same license active on a sub-site as the primary site to prevent confusion.

If you have any issues after doing that let me know!

- AJ

I forgot to mention…If the license registered on the main site or network admin doesn’t match the registered domain you can also get this error. There are new checks in the theme to help prevent license abuse that didn’t exist before. So for example if your site was originally registered with http but it’s not https or originally had www but no longer has www you could get this notice. So you may want to also double check the registered license in the network admin/primary site.

You can see where the license is registered here: https://my.totalwptheme.com/license-manager/

- AJ

Hi,

This is AJ the theme author.

There are new checks in the theme to help prevent license abuse that didn’t exist before. So for example if your site was originally registered with http but it’s not https or originally had www but no longer has www you could get this notice.

You can see where the license is registered here: https://my.totalwptheme.com/license-manager/ – if you need to un-register and re-register the license.

Or you can let me know your domain and I can check for you and also update it on my end.

- AJ

Hi Adam,

I can definitely consider this but I’m not sure what you mean can you share a link to a sample site or an screenshot. Thanks!

Also, if you want you can build your own custom product template – https://totalwptheme.com/docs/woocommerce-single-product-template/ – depending on what you want, this could be a good solution.

- AJ

Hi James,

If you are using get_primary_term you can add ‘link’ => false, to the arguments array like such:

// Primary Term
$html.= $this->get_primary_term( array(
       'class'      => 'wpex-mr-20',
       'term_class' => 'wpex-mr-5',
       'icon'       => 'ticon ticon-folder-open wpex-mr-5 wpex-mb-15',
       'link'       => false,
) );

Remember also that when creating a custom card you can use ANY code you want, you are not restricted to the theme functions. So you could for example use wp_get_post_terms() to get the post terms and then do whatever you want with that.

- AJ

Additionally you can use this:

$this->has_link()

To check if the card has a link enabled via the Post Cards element. In case you want a card that can have a link or not.

And to get the link as defined in the Post Cards you can use:

$this->get_url();

- AJ

Hi,

This is Aj the theme author. Thank you for your patience during the Holidays. I take time to help with a charity during these times and haven’t been able to get to the tickets but I will reply to all them today!

- AJ

Just to clarify: the videos are short and currently self-hosted in the WordPress media library. If needed, we could host them on YouTube or Vimeo instead, whatever works best.

Hi,

Displaying videos inside the Image Grid isn’t possible as the element only shows images and videos don’t play nicely with masonry as they generally load too late and it can leave gaps or overlapping elements.

Additionally the Post Gallery only allows for selecting images not videos.

Now, the theme has the ability for videos within the Image Grid but only that open in lightbox. See here: https://totalwptheme.com/docs/image-videos-attachments/

An alternative if you want both images and videos in the same grid (not lightbox) is to use the Post Cards element instead of the Image Grid and create a custom card using the API – https://totalwptheme.com/docs/how-to-create-custom-theme-cards/ – this way you can add whatever logic you want for displaying images or videos. You can use the Post Gallery and use the video field as explained in the link above to assign videos to your images and then in your custom card check for this field and if it exists render the video.

You could also instead of using the Post Gallery add a repeater (group) custom field to use instead, this way you can define both images and videos: https://totalwptheme.com/docs/how-to-add-custom-fields/#php-class

- AJ

Thanks a lot for the suggestions. I’ll test them out. Have a great day!

HI James,

This is a common WordPress limitation. Your single posts use the slug /news/ so the slug is assigned for single posts and can’t work with pagination.There are 2 fixes:

1. You change the url of the page to something like “latest-news” or you change the post type slug to something like “news-article”.

2. You add a custom rewrite rule to your child theme. Example:

/**
 * Custom Rewrite rules.
 */
add_rewrite_rule(
    '^news/page/(\d+)/?$',
    'index.php?pagename=news&paged=$matches[1]',
    'top'
);

Then go to Settings > Permalinks and clear your cache.

- AJ

Hi AJ

Great – I used the rewrite method. Not directly related to this query, but is it possible to have the pagination links at the top of the page as well as the bottom? Otherwise there is no indication showing the user which page they are looking at – if you see what I mean?

There is no built-in way, having the pagination at the bottom is the most common and including the links twice causes both SEO and accessibility issues so it’s not recommended.

What makes more sense would be to put the page number next to the title like “Projects – Page 2”. You can do this by hooking into the wpex_title filter. Example: https://totalwptheme.com/docs/snippets/add-page-number-to-title/

Or you can use the dynamic variable {{paged}} – https://totalwptheme.com/docs/dynamic-variables/ – if you want to display the current page number on the page itself or use the custom title field in the post theme settings metabox instead of using the child theme code.

- AJ

Hi,

Since WPBakery is very outdated you probably need to de-activate it first, then you go simply go to Appearance > Install Plugins to update it or you will see the notice in the WP admin to update it as in Total 6.5 it will display the update right in the admin.

You don’t need a license to update WPBakery as the updates are provided by the theme, it just means you can only update the plugin when updating the theme. Please see here: https://totalwptheme.com/docs/update-plugins/

If you have any issues updating or after updating let me know. It is very possible the option isn’t visible if your WPBakery plugin is outdated, I can’t really remember because your plugin version is many years old.

- AJ

Outstanding!! This was exactly the solution and help I needed. Thank you again for directing me!

Glad it was an easy fix