Hi Aj, thx for the reply, I actually did uninstall all plugins and re-activated them one by one. And when it came to WPBakery, the featured image issue happened again. I did install a plugin for comments recently but I am not sure it is associated. I even tried to downgrade Wordpress but the problem remains. Same when I clear my cache. The media library works fine and I can import new images and also import images with a normal image module in a post or page. When I tried to import a featured image tho, the first image of the library becomes a blank one and I see ”: :” in the attachment details.

So to be clear, I click the “import featured image” link from a post or page, in the media library panel, I can import or select an image but when clicking “set feature image” the image won’t show in the back end and front end. When selecting any image from that media library panel, I have this weird blank image that appears in first position with ”; ;” and nothing else.

Hi,

What’s confusing me is there is no such thing as “import featured image” in WordPress. The text usually reads “Set featured image” (not import). It almost sounds like your site has a custom function to use outside images as the featured image.

I’ve never seen an “import” featured image function nor can I find anything on the internet about that.

Now, I have seen the issue you mention where an image shows up as ”; ;” and this usually happens when an image fails to upload to the server or there are server permissions preventing access to the photo. So the image data is saved in WordPress but the image itself can’t be rendered.

I see your export has expired so you can’t submit a private ticket, do you want to email me directly to wpexplorer [at] gmail dot com – so you can than share your site logins via onetimesecret.com and I can log in and see what’s going on?

- AJ

Hi,

There is no option to convert a grid into a carousel. And there are a few reasons for this, the primary reason is optimization. Carousels require added javascript and CSS. Especially if you are only wanting a carousel on smaller screens this is extra “bad” because now you are going to be loading scripts that are only used sometimes – so you would either need to have a function to listens to browser resize events and adds/removes the scripts so it’s somewhat optimal or you need to load the scripts always. This will lower your Google page speed scores.

Now, if you really want to display 3 on desktop then a carousel on mobile it’s already possible in the theme by using the Carousel display type and changing the columns at various breakpoints as such: https://a.cl.ly/qGu4J7eE – the theme will automatically hide the carousel arrows if there aren’t enough items for a carousel, so that they only show on mobile.

Also, carousels are generally not ideal for accessibility, which is why lately more websites are opting out of using carousels.

An alternative is use a flex container and a scroll bar instead – This will keep your site optimized and still be able to slim things down on mobile so items don’t stack.

This would be done by using the Horizontal Scroll Display Type and setting a flex basis this way items don’t shrink and if they don’t fit the browser will add a scroll bar.

Example: https://a.cl.ly/L1u2rXnG

To calculate your flex basis you can take your site width, subtract the value of the gap between items and divide by three. You could also use more complex methods via advanced CSS functions like calc() and clamp().

What I would recommend though is setting the related items to something like 4-5 items so that items overflow on desktop as well. When you setup a section like this where the last item is “cut off” it’s clear to the user that you can scroll to the side to reveal more items.

- AJ

EDIT: The picker in the WPBakery CSS tab (#4) is not the enhanced version of #1. The new customizer picker (#3) is the enhanced one with the correct theme color presets and the best one so far.

Hi,

- ALL theme settings in the Customizer use the new color picker. If you see “old” color pickers, those settings are not coming from the theme but from other plugins that wouldn’t know the theme offers a new color picker. You would need to share some screenshots so I can see what you are referring to (it’s possible there are some theme settings I forgot to update to use my new picker, but I’m not seeing any).

- I don’t know what you mean by “the old one in the customizer backend color page” – there is no such thing in the theme as a “backend color page”. Can you please explain?

- The “weird” color picker in WPBakery CSS tabs is the WPBakery color picker. I’ve tried many times to give them my code for a better picker but they pretty much ignore me. This is why in the Total 6.0 update I added my own background/border color options to the WPBakery sections, rows and columns so that you can use my picker instead of WPBakery’s. Now, it’s possible for me to override the WPBakery color picker for the CSS tab and I wrote the code for that – however, during my tests I noticed that there are some limitations in WPBakery that if I were to implement that it could cause issues later down the road. Last thing I want is for customers to use a feature I modified, than WPBakery pushing out an update causing the feature to break completely and people have to go manually fix their sites. That’s why I don’t override the WPBakery color picker and instead add my own picker. In the future, I will perhaps create my own custom “CSS tab” and replace the WPBakery one – this is a lot of work to do and not a priority so I”m not sure if and when I would do that.

- If you use some of WPBakery elements you won’t have access to the theme’s color picker because those are core plugin elements I can’t modify to use my color picker. Which is why it’s best to use theme elements. Plus, by sticking to theme elements where possible you can make use of the theme’s exclusive WPBakery Slim Mode – https://totalwptheme.com/docs/wpbakery-slim-mode/

- Bonus: If you use Elementor you will also notice that Elementor has it’s own color picker. It’s literally impossible for me to offer the theme’s color picker in the context of Elementor. It’s also impossible to properly add the theme’s color palette colors to Elementor because the plugin doesn’t have a filter available for modifying colors. The only way would be to have the theme manually update the users “Kit” anytime a color is added, updated or removed from the theme’s Color Palette panel. I coded something for this, but realized it can cause more harm than good (situations like the user having Elementor open and also having the color palette open at the same time and saving one of them could override the other).

- Unfortunately because WordPress doesn’t have any global standards you will find mismatch between certain themes, plugins and core. The new color picker I’m using with Total 6.0 is actually the core WordPress color component – https://wordpress.github.io/gutenberg/?path=/docs/components-colorpicker--docs – In an ideal world all plugin developers would use core WordPress functions instead of loading custom scripts. I’ve always tried to code my themes and plugins using available WordPress functionality not only for optimization but also consistency. Unfortunately not all developers think the same way.

- AJ

Oh and if you want to know the PHP fix…edit the file at plugins/total-theme-core/inc/vcex/functions/core.php and change lins 1136-1137 from:

if ( isset( $atts['single_column_style'] ) && 'left_thumbs' === $atts['single_column_style'] ) {
    return;
}

to:

if ( isset( $atts['single_column_style'] ) && 'left_thumbs' === $atts['single_column_style'] ) {
    return 'span_1_of_1';
}

But again, it would be best to just change the style used on the site since you don’t have thumbnails, because when using the left thumbnail layout it does set a 50% width on your content (title/excerpt/button)

Hi AJ,

Great, thanks for the fix!

The reason I have this staff grid set to Left Thumbnail is that each of these sites is copied from a “base” site on multisite. (These are chapters of a larger organization.) Some chapters add photos to their Board of Directors (staff) posts, some don’t. But each site has it set up so that if they do add a photo, it will display it on the left. So I need to keep them set for Left Thumbnail.

And the staff grid is only on one page (per site) so no need to add it to a dynamic template.

Thanks again!

Connie

Makes sense

- AJ

Hi,

WooCommerce made a tiny change to this file – https://github.com/woocommerce/woocommerce/commit/3765a665d52b6302ca20db50bb0592b88cd4f3af

I’ve updated the file for the next theme update, but the change is not site breaking so there is nothing to worry about in the meantime.

The 6.1 update should be available this week

- AJ

Hi,

This is Aj the theme author.

First of all, I reply to ALL comments here. Your support license is only required to submit private tickets, it’s also a good way to support the theme. It’s very expensive and to a theme shop and other theme sellers charge monthly/yearly for their themes. Total is a single purchase, which means I don’t have the same sort of recurring fees – customers that renew their support help keep me in business and the theme updated/supported. So it’s very much appreciated.

The issues you mention are not known issues with the theme. Here is a video showing everything working as expected: https://a.cl.ly/p9u4kLOo

Now, switching themes doesn’t necessarily mean it’s a theme issue. For example, your site is using a child theme so the issue could be coming from the child theme. Have you tried with only the parent Total theme active?

Also, sometimes 3rd party plugins could be causing a conflict with the theme so switching themes fixes the issue but the issue itself could be with a plugin and not the theme. Have you tried disabling other plugins to confirm this?

Because the issue appears to be javascript driven if you open the browser “console” do you see any javascript errors?

- AJ

Hi AJ, Thanks for your prompt response.

Totally understand your point about the paid support & how it helps keep the theme updated – it’s just that i’ve never really had a major issue such as this one in the past & did not need support.

I will definitely renew support.

To your troubleshooting suggestions : - I have tried with the Total parent theme and the issue still persists - I have disabled ALL plugins except for Total Core, Templater and Visual Composer and the issue still persists - I am not a developer and do not know how to check for javascript errors in the browser console. Any guidance would be appreciated.

QUESTION

I would like to understand the scope of paid support. Would you be able to pinpoint and resolve the issue with the website under paid support?

Thanks

Hi,

If you renew support then you can submit a private ticket here – https://my.totalwptheme.com/ – since comments aren’t private you wouldn’t share your logins here. But privately you can send us your site logins and I can go in and look to troubleshoot.

I don’t generally do this, but if you don’t feel comfortable with renewing support at this time email me directly to wpexplorer [at] gmail dot com and I can assist privately that way.

One thing to mention also is that I have seen this issue on certain Godaddy sites so it’s possible you just need this fix: https://totalwptheme.com/docs/fix-backend-issues-on-godaddy/

- AJ

Hi,

Thank you for sharing the code, very helpful (in the future please use PasteBin though because ThemeForest makes it hard to read the code).

All you need to do is remove the “icon_class” parameter because that is an older parameter that will override the newer ‘icon’ parameter. I tested and confirmed it works as expected: https://a.cl.ly/YEu6PvZJ

- AJ

ps: I noticed that on your site your child theme isn’t setup correctly so it’s not adding the proper version number to the Total style.css file for version control – https://a.cl.ly/bLuNdpAr – this can cause a lot of caching issues when updating your theme. I would strongly recommend you fix your child theme so the code that loads the parent stylesheet adds the theme version to the wp_enqueue_style function. Example: https://github.com/wpexplorer/total-child-theme/blob/master/functions.php

pss: I updated my snippet, because I can see now that I forgot to add the icon_class parameter from the snippet when updating it to use the new icon parameter – sorry about that!

Thank you for your reply. After deleting icon_class, I was able to display it successfully.

I also understood about the version of style.css.

Thank you

Looking at your screenshot I can see that the Theme Panel is not showing any settings, so you wouldn’t be able to enable the demo importer.

Your theme panel should look like this: https://a.cl.ly/2NuQPAXp

No one else has reported this sort of issue before so I can’t think of any reason why your theme panel would be broken. Unless you’ve added child theme code to remove all the settings via the deprecated wpex_addons filter.

Have you tried disabling 3rd party plugins to see if it fixes your theme panel?

Once the theme panel is fixed, you will also need to make sure the Total Theme Core plugin is enabled on the site, because this plugin has the code for the demo importer.

- AJ

If you are using a child theme, please also try switching to the parent theme, incase the child theme is breaking the panel.

Hi,

- Aspect ratios do not crop your images, it renders your full image but sets an aspect ratio via CSS so that the images all display at the same size – https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio

- In your case though you want to use a masonry grid though, so aspect ratios won’t really work because then your grid won’t be a masonry grid as all images will display the same size. Unless you set your Image Fit to “contain” or “scale down” so that images don’t “shrink” but then you would end up with white space between your photos (which can be fine) – https://a.cl.ly/L1u2r9n0

- If you are going to have these massive galleries you should not be using masonry or Justified image galleries though. Why? We’ll because these are complex javascript functions that require all images to be loaded so complex math can be used to calculate the exact position of each image. This means that images can not be lazy loaded. You really should be using a “standard” grid for these galleries for optimal performance. Even if it doesn’t “look” as nice. Because you have sooo many images and they are very large, it’s not a good idea to use masonry/justified image grids. This is something you will want to compromise on for your specific setup.

- The page did show images but not all the images were loading, the browser basically timed out.

- 1920x is a good height, but what’s more important is the width and height. You can trim your images to 1920x height but they could still have a massive width. If you trim your images prior to upload make sure you are scaling them so as the height becomes 1920x the width shrinks proportionally and hopefully also has a max width of 1920x. Looking at one image on your gallery for example I can see the uploaded image – https://frandeprado.com/wp-content/uploads/2024/11/Georgina-y-Cesar-0077.jpg – was 2876 × 1920 – so the height is ok, but the width is very large. This is a massive image. Which is why WordPress is creating the scaled version for use on your site – https://frandeprado.com/wp-content/uploads/2024/11/Georgina-y-Cesar-0077-scaled.jpg (I mention the scaled image on my article).

- Were you using the tinyPNG plugin? If so, I have never used this. I only have used and recommend the website – https://tinypng.com/ – I prefer to optimize my images prior to upload so that my server doesn’t have to do the optimization and to ensure the original un-optimized image isn’t on the server (most optimization plugins keep the original on the server as a backup).

- Using a Photoshop action is fantastic. I stopped playing for Adobe cloud a while back because I don’t really use it.

- 75MB to 28MB, wow that’s awesome!

- AJ

Hi Aj,

- What I see in aspect ratio is that if I set a 3:4 or 4:3 ratio (tipical instagram size) and then upload a 2:3 or 3:2 photo, image will deform. So I dont see the point.

- I have changed one of my biggest galleries ( 1355 images) to fit rows, I understand this is the “standard” one you told me to use. This is the gallery https://acortar.link/6lobXA I align elements to center so it looks a bit “better”. I deleted the gallery to get rid of all this extra files, and I changed to webP 60% quality using photoshop. It exported automatically 1355 in less than 20 minutes. It went from 731 MB to 239 MB. 67,31% reduced.. Could you test if this one is faster por you?

However I have noticed that after adding all snipets to avoid creating all this extra files, front panel loads slower. Is this because pagebuilder uses 150×150 size to display images? Luckly I use the post image gallery, so it just load a small part of it..

What I might do is delete the snipets (as I think is slowing down pagebuilder) then delete all old full galleries from las 4 years, then the published ones in the site upload them again as webP, and future full galleries for couples, I will upload them as webP 60%. So I will have again all this extra files, but if the original uploaded file is 70% smalles, the extra files will also be smaller.

- If you have an image 3:2 (horizontal) and height is 1920, width is always 2880px. You can not upload 1920 height and 1920 widht…so image will be square. The image you say in 2876 (some pixels where lost probably when croping image in Lightroom) But 3:2 1920 height…will always be 2880px, and 2:3 1920 height will always be 1280 widht.

If you open at full screen a 1920×2880 (horizontal) in a laptop image will look good. You can upload a 1280×853 (horizontal 3:2) photo,that is much smaller, in a mobile is good..,but if you open it in a laptop…it will look a bit pixeled..and imagine if the people makes a little zoom..

For published galleries I might leave justified galleries as they look much better, and after re-uploading webP files at 60% this will be very fast. As 20MB should not be a problem in terms of speed loading.. On the other hand, full galleries for couples, I might deliver them with “fit row” so It should be fastest. However, I would like to test also uploading this full galleries the new webP files and let wp do this extra files, and see if it loads faster.

- I have never used tinypng. Only jpegmini.. that is works really good. Actually after testing tinypng, images return bigger than the ones uploaded, as they are already optimized with jpegmini. What it works very good to add a twist is after jpegmini, is photoshop action to save this images as webP 60%.

- Where can I send yoy and email?

Hi,

- What I see in aspect ratio is that if I set a 3:4 or 4:3 ratio (tipical instagram size) and then upload a 2:3 or 3:2 photo, image will deform. So I dont see the point.

That’s why I mentioned using the Image Fit property if you wanted to prevent the image from “stretching” the defined aspect ratio.

- I tried loading this gallery – https://frandeprado.com/boda-borja-y-javi/ – and it took 53.6 seconds on I 1gig/sec internet speed.

- You are correct, by default in the theme I use the 150×150 for the image previous in the backend so it loads faster. If your site isn’t creating those images than it’s going to load the full images. This isn’t a concern for most people as most aren’t adding hundreds of photos in a page builder. For a site that is managing so many images there are probably better ways either via custom code so that you just upload the images into a folder on your server and then they can be displayed automatically on the front-end by looping through the folder or using a media manager like – https://wordpress.org/plugins/real-media-library-lite/

- You can use this snippet to remove the thumbnails in the WPBakery backend editor for the Image Grid: https://totalwptheme.com/docs/snippets/remove-image-grid-thumbnails-wpbakery-backend-editor/

- If you have an image that is 3:2 what I was trying to say is that I would still recommend having the width be smaller and thus the height will also be smaller. Sorry, I wasn’t trying to say you should cut it into a square, but rather have both a max height and max width to ensure images aren’t so large. I’m not sure why or who recommends a minimum of 1920px for the image height for mobile. In fact the shorter an image the better it is on mobile because the screen is smaller, no?

- Because your site does focus around photography, I do agree that larger images are better for the best resolution. But there is some sort of compromise that needs to be made if your server doesn’t allow unlimited storage space or if the site takes a long time to load. Another idea could just be to divide the gallery into parts (via pagination).

- From what I can tell (impossible to know without looking at your backend) you are manually selecting every image that will be shown on the gallery. This is very server intensive when you have this many images because it’s sending a query to your database to individually look up each post by it’s id. If you don’t have any issues or complaints from your hosting company, then perhaps it’s fine. But it’s not generally recommended and there are better methods to display large amounts of images on a site (perhaps not built-into the theme since this isn’t a dedicated photography theme – but easy to do with 3rd party media management plugins or a little custom code). I had mentioned it’s possible to create a function that just displays any images that exist in a folder on your server, it would be very easy to code a custom shortcode for your site to do this. I literally just asked chat GPT “make a custom shortcode that loops through images in a folder in wp-content based on the folder name so [gallery folder=”folder-name”] and then displays the images.” – and it gave me the code for this. For various reasons (including security) a theme would never provide this functionality, but it may be something you would want on your site so you can easily just add photos to a folder and then they show up on the site without defining them manually and by-passing any WordPress functionality (aka not bloating the media library or creating cropped images).

- If you need to message me privately you can at wpexplorer [at] gmail dot com.

- AJ

Hi Chris,

There is an option under Appearance > Customize > General Options > Next/Prev Links > Reverse Order.

The way they are shown is the default order used in WordPress for their functions that return next/prev posts. I guess the way WordPress thinks of it is “previous” means older and “next” means newer.

- AJ

Thank you so much!

Hi,

Of course you can! Creating new shortcodes is very simple in WordPress.

Here is a sample snippet for adding a new shortcode for a shorter site name:

add_shortcode( 'site_name_short', function() {
    return 'ABC Shoe Shop';
} );

Then you would use [site_name_short] where you want to display it.

And you can of course change ‘site_name_short’ to anything you want.

- AJ

Hi AJ, where do I add these codes?

Does short codes only work in WPB page editor mode? I put shortcodes in block editor – didn’t work

Hi,

This code goes either in your child theme functions.php file or via a “Code Snippets” plugin.

Shortcodes do work in the block editor, either inside the “Shortcode” block or inside a paragraph. If it’s not working it’s because you are using the wrong name or the shortcode is not properly defined via the add_shortcode function.

- AJ

Strange…

I’m planning a Total 6.1 update this week and I will be adding an on/off switch to the Post Cards for excluding the current post as it’s highly requested.

Perhaps you can try editing the code and adding a var_dump() to see what the ID is and confirm it’s the same as the current post ID:

add_filter( 'vcex_query_args', function( $args, $atts ) {
    if ( wp_doing_ajax() ) {
        $current_id = url_to_postid( wp_get_referer() );
    } else {
        $current_id = get_queried_object_id() ?: get_the_ID();
    }
    var_dump( $current_id );
    if ( $current_id ) {
        $args['post__not_in'] = array( $current_id );
    }
    return $args;
}, 10, 2 );

By adding var_dump( $current_id ); you should be able to refresh the live site and see the ID added as text before the grid. It should be 1472 which is the post ID for your economics article.

If the ID doesn’t match there could be an issue on the site with the global $post being “polluted” by 3rd party code (plugin or child theme).

By the way, for the sidebar would it make sense to display a related query? https://totalwptheme.com/docs/related-items-dynamic-template/ – in which case the current post is always excluded.

- AJ

Thanks for this AJ. I modified the code snippet to print the posit ID. It does indeed print 1472 as expected.

I also tested the related query approach adding a tag (deep-dive) for the posts I want in the sidebar. That works fine as long as I am viewing one of those deep-dive posts, but I also want to show this sidebar on pages where I am not displaying any of the deep-dive posts. In those cases the query returns no posts instead of all of them. I can fix this by using a different template for this case and maybe also by playing further around with the taxonomy, but I would rather just wait for your 6.1 update and try again once that is available.

Hi,

If the correct ID is being printed but the post is still being shown, I have no idea why that could be the issue because its going to pass to the WP_Query.

What makes things even weirder is that you say the related query works, which also pass the ID through the post__not_in argument, just like you are doing via the filter in your custom code.

I’m at a loss, if you want email me directly to wpexplorer [at] gmail dot com and maybe I can log into your site via WP/FTP and see what’s going on (if that’s ok). Emai me first then well worry about the logins (incase you make a typo or something). I will reply back to you.

- AJ

Hi,

The mail button has to use javascript so there is no “link” per-se.

Your code has some issues:

• You are getting post data, like the title that isn’t needed.
• Your href parameter just goes to example.com and it’s improperly formatted so it would actually trigger an error which is why a link isn’t being properly added.

I assume what you want to do is go to the current page url with ?pdf=’.$post_id added to the end?

If so, here is the modified code:

// Add PDF button to the social share items
add_filter( 'wpex_social_share_items', function( $items ) {
    $items['pdf'] = [
        'site'     => 'Ext. Link',
        'label'    => 'Ext. Link',
        'li_class' => 'extlink',
        'icon'     => 'file-pdf-o',
        'href'     => add_query_arg( 'pdf', get_the_id(), get_permalink() ),
    ];
    return $items;
} );

- AJ

Yes, I wanted that ?pdf=’.$post_id in the end Thanks for the better code.

Unfortunately, the link (as well as the email-link) still has no effect. No errors in the console and I tried diff. browsers and without child theme. Any further idea? Thanks in advance.

The provided code and the email both work for me.

By default social links open in a new tab (I will probably change that in the upcoming update). If you are using any sort of pop-up blocker maybe it’s blocking the actions?

Now, just linking to a page with ?pdf={post_id} – isn’t going to do anything. Do you have code in place to actually do something when visiting that url?

- AJ

Update: I jumped the gun a bit. I now see that I do not need to use custom query for this. I can simply use standard query and multi-pick from a list. That exposes ordering settings, although I have not found the option to sort by list order.

Hi,

Thank you for your patience.

When you are using the Post Cards element the theme will automatically sort by post ID when you’ve defined a list of post ids and you leave the Order By field empty.

Here is a screenshot from the code: https://a.cl.ly/bLuNkx01 (see plugins/total-theme-core/inc/vcex/query-builder.php)

So your posts should be showing in the order in which they are added in the field. If this isn’t happening, then there is likely some code somewhere else on the site that is hooking into pre_get_posts and messing up the query. Perhaps a custom post order plugin.

Here is a video showing how the sorting is automatic: https://a.cl.ly/NQunoxKB

- AJ

Thanks AJ. I and using the custom post order plug-in but I can confirm that the ordering works as you explain above.

Hi,

This is Aj the theme author.

Thank you for reporting the bug! I have fixed this for the upcoming 6.1 update.

If you want to patch your site it’s very easy. You would edit the file at plugins/total-theme-core/inc/vcex/shortcodes/callout.php and change line 538 from:

if ( isset( $atts['classes'] ) ) {

to:

if ( ! empty( $atts['classes'] ) ) {

Sorry for the troubles!

I should have the official 6.1 update out this week.

- AJ

Thanks!

A few other questions regarding the vertical navigation. How can I add social links into the vertical nav? I’d like to add them just below the menu. They I’d like to anchor the links and menu to the bottom of the page instead of having them positioned directly under the logo. I’m also having trouble with the mobile menu with the vertical option. It doesn’t seem be displaying at all. Thanks in advance! This is the site we are working on: https://staging3.rajanimd.com/

Never mind about the header not showing on mobile, I got that one fixed!

Hi,

Thank you for your patience!

There currently isn’t a built-in way for creating a toggle style menu for the vertical menu, this would require adding custom CSS to modify the dropdown placement then adding custom JS for the toggle affect.

The main reason for not having the toggles by default is because you are working with a sidebar if you have a long dropdown it could cause things to shift when opening and closing them, which doesn’t look good but could potentially also make a scroll bar show up when opening items which looks really bad.

Honestly, vertical style headers are not really “in fashion” anymore as they aren’t great for accessibility, usability, mobile-first design (seo), etc. Most sites that had vertical headers have actually transitioned to horizontal ones.

Where, if you still wanted a vertical style menu, what you do is have the horizontal menu with an off-canvas menu (aka hamburger icon that then opens the menu from the side). Which of course can be done easily either using the header builder – https://totalwptheme.com/docs/header-builder/ – and using the Off Canvas element or using the default header and changing the mobile menu breakpoint – https://totalwptheme.com/docs/alter-mobile-menu-breakpoint/

If you use the header builder and the theme’s off-canvas element (which natively supports adding a logo and extra footer content). You could have a menu icon added on the top left (maybe a black square?) and then when you click on it it opens the black sidebar. This will keep the focus on the site without the sidebar taking up so much space. I feel that this is more common these days. And you would of course use the transparent header – https://totalwptheme.com/docs/overlay-header/ – so that the menu button displays over the site content. Or you can target the header builder with custom CSS to display in a fixed position (top left imo) this way it’s always visible.

- AJ

ps: The logo is really cute! I would recommend though, using an SVG and having the animation only run once. Maybe it’s just me, but having the logo constantly animate is a bit distracting.

Hi,

This is Aj the theme author.

I’ve never heard of an issue like this. Are you using WPBakery or Elementor? Can you take a screenshot or record a video perhaps so I can see what it looks like?

Is everything up to date on your site? https://totalwptheme.com/docs/changelog/

- AJ

Hi,

This is Aj the theme author.

By default the page header title’s height is just based on the font size and padding added to it. However, if you are using the page header title with background style: https://totalwptheme.com/docs/page-header-backgrounds/ – it does have a minimum height. This height can be changed in the Customizer if you are using this style globally across your whole site. Otherwise you would modify it with a little custom CSS. Example:

.page-header.background-image-page-header { min-height: 500px; }

The default value is 400px.

You can also disable the page header title completely and create your own design using a page builder like WPBakery or Elementor if you prefer: https://www.youtube.com/watch?v=GV4eSBoTwT4 (for a global affect).

Or if you want to have a custom page title design for specific post types only, you can consider disabling the page header title for those post types only and creating a dynamic template for those post types – https://totalwptheme.com/docs/dynamic-templates/

Here is a good example on a demo where I created a custom template for the blog posts so I could have a custom look: https://totalwpthemedemo.com/bolt/blog/ (click on any post)

- AJ

Thanks for the info. I am not using a background image. It’s basically on the Staff pages that its showing a title that’s probably 400px tall and the above css did not change that. Any other ideas ?

Hi,

Thank you for your patience.

Can you share a sample URL so I can take a look to see how it’s set up?

- AJ

Hi James,

• You are correct, the theme uses an SVG now, this way the quote can take on the same color as the text and be retina ready. Also it makes it much easier to modify now without having to create custom images.

• The legacy plugin simply loads the old font icons, it won’t modify the updated site CSS.

You can hide the theme’s icon like this:

blockquote::before { display: none; }

But a better fix is probably to remove the image in your custom CSS and then modify the theme’s icon to match what you want with a little CSS. Example:

blockquote::before {
    --wpex-blockquote-icon-size: 50px;
    color: #D31C5B;
    opacity: 1;
    margin: 8px;
}

Result: https://a.cl.ly/llue9Lpm

Which, by the way you can actually control the blockquote colors and such in the Customizer under Appearance > Customize > Global Styles > Blockquote. I didn’t add an option to modify the quote icon color, but I should do that!

- AJ

Thanks AJ, the first option will do for now, site is being rebuilt soon so will use the modern stuff then.

Hi,

This is Aj the theme author.

There was a similar error in the theme caused when the Yoast plugin was installed but I fixed it in the last update as noted on the changelog: https://totalwptheme.com/docs/changelog/6-0-3/

There aren’t currently any known issues like this in the latest version of the theme. If you disable any plugins does the error go away?

Now, I see your username doesn’t have the purchased tag next to it. Please be sure in the future to log in with the account that owns the theme for support as support is provided for verified buyers only. Thank you!

- AJ

ps: This is a debug notice (not technically an error, but a warning). And you really should NOT have debug warnings/errors displayed on your site because it could be a security concern. I highly recommend you disable WP_DEBUG on your WordPress site and keep it disabled unless you are actively troubleshooting – https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/