Hi,

Yes it’s possible by adding a margin top of auto to your button (which you can do with the theme’s wpex-mt-auto class). Here is a sample video: https://a.cl.ly/E0uZAeP7

The problem is that in your custom card you are using an Inner row which causes issues with the equal height. You’ll want to place all your items inside the same column like in my example. Based on your design there really isn’t any reason to have the items inside an inner column anyway.

So there are 3 things you need:

1. All the content must be inside the same row. 2. You must enable equal columns height. 3. You need to add the wpex-mt-auto class to the button.

- AJ

PLEASE REPLY

Hi,

This is Aj the theme author. I hope you had a nice weekend, thank you for your patience. I don’t usually take time off, but I had to for a family matter.

The only reason for the mobile menu settings would not be available in the Customizer would be if you are using the “Header Builder” – https://wpexplorer-themes.com/total/docs/header-builder/

Otherwise you should see the settings in the Customizer. I made a little video to show you: https://a.cl.ly/4guenWgr

If you can share the URL in question then I can see how it’s setup and provide better support. Thanks!

- AJ

Oh it looks like you submitted a ticket and my support guy replied back to you a couple days ago and the issue was with the installed Max Mega Menu plugin – https://a.cl.ly/DOurq1Ay

I just logged in as well to confirm and you’ve disabled the plugin so the settings are showing up now.

If you do have any other questions, issues or suggestions though let me know! Thanks

- AJ

Hi AJ, Here is one site: https://www.mesaspirit.club Thank you for checking.

Hi,

Hope you had a nice weekend. Thanks for sharing the URL. I’m definitely seeing the shadow on the site, see here: https://a.cl.ly/04uW28YJ

So this is clearly a caching issue.

I can see that on your site you’ve removed the version numbers at the end of your scripts (CSS/Javascript) most likely via a plugin. This is actually not recommended because what happens is the files will get permanently cached by the browser so when you update your site you need to also clear your browser cache and there is no way to “force” repeat visitors to clear their cache. So I would highly recommend disabling whatever function or code you are using on your site that’s removing the versions at the end of the scripts.

You can learn more here: https://www.keycdn.com/support/what-is-cache-busting

- AJ

Hi AJ, Thank you for checking and the tip about the version numbers.

Hi,

I installed the plugin locally and it seems to be working fine (the only issue I see is that the plugin uses a custom template output as opposed to making use of the default theme’s page.php or singular.php template file) so the content is not properly centered on the site. But this would have been an issue always present.

I’m not sure what you mean by ” it stopped displaying on the page. The plugin, Library Bookshelves, is supposed to display under the Staff Picks section”. Are you saying that on the live site when you go to a page named “Staff Picks” it’s not showing any items?

Are you able to share logins to the staging/dev server so I can take a look? (your support license is expired so you can’t submit a ticket in which case you can either renew support to do so or simply email me directly to wpexplorer [at] gmail dot com without renewing) and I can take a look and see what’s going on. Thanks!

- AJ

Hi,

You can modify the padding like this:

.overlay-category-tag a { padding: 1px 5px; }

- AJ

ps: If you are wanting to do a lot of CSS edits to your site you could also consider using a CSS plugin: https://www.wpexplorer.com/wordpress-css-live-editor-plugins/ – this allows you to basically edit any element on your site.

I personally haven’t tried any, I generally recommend Restrict Content Pro because it was originally created by a friend of mine that I worked with in the past (was recently bought out). We have some a list of some of the most popular membership plugins on our site.

Depending what you need though you could also setup WooCommerce for this sort of thing along with some custom code to restrict content based on the user’s purchases.

- Aj

Hi Olivia,

So for the CSS classes it may be disabled under the Screen Options tab: https://a.cl.ly/9Zug0QAE

As the for “URL” field, you will only see this when adding “Custom Links” you won’t be able to modify the URL if you are inserting an actual page into the menu: https://a.cl.ly/GGuz2pko

I will update the docs with the additional information!

- AJ

YES AJ, it’s working perfectly ! Thank you very much !

Great If you need anything else let me know!

- AJ

Do you have a mockup of what you are trying to accomplish?

Also can you share the URL you are working with so I can see what you mean by “space between the header menu and first raw”.

When you use the Transparent header, what happens is it places your content beneath the header so if you want to enable the transparent header globally you would most likely want to create a template to display under the header.

If you can share an example website or image of what you want to archive that would give me an idea of what you want so I can show you how it’s done. Thanks!

- AJ

Hello, Thanks for your reply. I need background to cover header menu items https://prnt.sc/tTe3wCM3ZZR_ I tried to create a template with space and hide page title, but a blank dark space appeared between first raw background and menu items

Can you share the URL so I can see what the space is? There shouldn’t be any space by default. Examples:

• https://total.wpexplorer.com/
• https://total.wpexplorer.com/biz/
• https://total.wpexplorer.com/worship/
• https://total.wpexplorer.com/bryce/

I’m thinking maybe the space is coming from either some custom CSS on the site or a specific setting, but I can’t know without looking. Thanks!

- AJ

Yes, GitHub issue here: https://github.com/pods-framework/pods/issues/6907

Hopefully they push out a fix soon!

- AJ

I just submitted a PR, so yes, hopefully soon. Kind of a major bug.

Hi,

You are correct, you will need to upload a bold font as well. Bold is 700, semibold is 600 and medium is 500.

Generally 300 is not recommended because it’s too thin to pass accessibility checks. Usually you will find websites will instead use the normal font weight (400) and then apply anti-aliasing to the site which makes them a bit slimmer. This can be done in the Customizer under Typography > General – https://wpexplorer-themes.com/total/docs/enable-font-smoothing/ (you don’t have to do this, but thought I would mention it since it’s more typical).

- AJ

I switched to 400 as standard font, applied anti-aliasing and uploaded a bold font. Looks great! Thanks a lot!

Great!

- AJ

You have a lot of caching issues on your site, seems like you are always having troubles with that…

Yeah, I’d hate to be a theme developer with me as their customer

I even blew Google up earlier.

haha, it’s not bad And luckily 99% of customers don’t ever even ask a single question. It’s usually the same 10-20 people. Just means I have a lot of close friends, ha!

1. The theme uses the ID and not the slug, because slugs can be changed so if you rename your color it will break all your colors.

The reason I used a different naming convention for the color palette is to be consistent with Gutenberg color palettes (same naming convention). Of course you could easily add some code to your site to loop through the colors and add CSS to the site using the theme’s wpex-{} naming convention, but I don’t really see a reason for doing this (just creates added bloat).

2. Sticky should just fine with the Flex headers. Example – https://a.cl.ly/P8u7y6ER – the code for the sticky header is the same for all Header styles, so if it’s not working for the Flex it really shouldn’t be working for any of the header styles. So perhaps there is some child theme code breaking things. Can you share the URL where you are using the sticky header so I can see what’s going on? Thanks!

- AJ

Hi James,

You could actually copy things over, but it’s a bit complex because you need to use the browser inspector. I recorded a video using the Chrome browser developer tools (important: in my video I cut and pasted the image Id’s you shouldn’t do this incase something goes wrong, use copy/paste instead) – https://a.cl.ly/kpuOZmqB

If you aren’t sure how to do this, you can always send me the logins for the site and I can do it for ya: https://wpexplorer-themes.com/support/ (please request your ticket be assigned to me, thanks).

- AJ

Amazing AJ! Worked beautifully! Thanks

Great

You are officially a hacker now!

- AJ

Hi,

The theme has the viewport tag added by default (example: https://a.cl.ly/04uWOLyr ) the only way for it to be removed would be if you added child theme code to remove it.

Can you please share your URL so I can take a look.

- AJ

Hi,

This is AJ the theme author. There isn’t any way to downgrade. If you want to provide me an email address I can send over the old version though via email.

Why would you want to downgrade? If you are having some sort of issue can you let me know what it is so I can take a look?

I find that 99% of customers that end up reverting back to old versions of the theme the issues they were having turned out to just be cache related so it was a simple fix. Of course if there is an actual bug I will fix it right away, so it’s good to know if customers are having problems. Thanks!

- AJ

Hi AJ,

There was a fatal error after upgrading.

--  bizzuka

What was the error?

It would be good for me to know so I can look into it and if there is an error in the theme i can fix it. Thanks!!

- AJ

Hi,

1. This is a false alert. Notice how the link has a role=”button” as well as aria-expanded=”false” attributes? This tells screen readers that the link actually opens another element.

I wonder if you can ask the checker developers about that.

In order to “eliminate” the notice (which shouldn’t even be showing up) would require changing the menu button from a link to a button element, which “technically” would be “better” and is very easy to change, but customers have added custom CSS to their site to modify the element they will lose their customizations and I try and avoid making core changes to the HTML as much as possible.

2. For the headings on megamenus, the Total theme automatically disables pointer-events to prevent clicking via the following CSS:

.main-navigation .megamenu>.sub-menu>.menu-item.menu-item-has-children>a[href="#"] {
    pointer-events: none;
}

So you don’t need CSS to hide the “cursor” assuming your heading link is just a # symbol.

The theme also adds a noindex tag so it can’t be accessed via sequential keyboard navigation, so it shouldn’t cause any accessibility issues. See here: https://a.cl.ly/8Lu1rBXo

Now, for hiding the heading completely you should still not have issues if you are using # symbol for the link since it will have the negative tabindex and disabled pointer events. But to be extra safe, you can also add CSS to hide the heading, example:

#menu-item-29831 > a {
    display: none;
}

#menu-item-29831 > ul {
    padding-top: 37px !important;
}

Hidden elements should be excluded from keyboard navigation as well.

Now, the theme adds the negative tabindex via javascript, so perhaps the checker is running the check without parsing the javascript first? Or maybe it’s a false positive?

Unfortunately there isn’t a good way of adding the negative tabindex via PHP as there is no way to properly check that an item is inside a mega menu (at least not that I can see – the WP menu Walker is pretty complex). But I’m pretty sure using javascript is fine for this, especially when it runs on DOMContentLoaded

3. The reason you are having an error with the carousel alt is because the images are inside of links so they need alt text which is used for the link – https://accessibility.oit.ncsu.edu/it-accessibility-at-nc-state/developers/accessibility-handbook/mouse-and-keyboard-events/links/all-links-must-contain-either-text-or-an-image-with-alt-text/

I will update the cards so that the featured image has a fallback alt equal to the post title if an alt isn’t set and the link is enabled. This way you don’t need to worry about tagging all images. Thanks for the heads up on this one!

That said, you can also just add some code to your site to automatically set any image alt to be equal to its title this way you will never have a missing alt on the site. Example:

add_filter( 'get_post_metadata', function( $value, $post_id, $meta_key, $single ) {
    if ( ! $value
        && ! is_admin()
        && 'attachment' === get_post_type( $post_id )
        && '_wp_attachment_image_alt' === $meta_key
        && true === $single
    ) {
        $value = get_the_title( $post_id );
    }
    return $value;
}, 10, 4);

But these will just be the image names so it’s not really helpful, while it may remove checker notices it’s horrible for actual usage, so I don’t recommend it.

Want me to send you the updated post cards class with the tweak for the image alts?

- AJ

ps: Your site – new.frcog.org/ – is loading the style.css twice. You should not have the @import inside your child theme’s style.css

Hey,

I hope you had a nice weekend.

I wasn’t saying to add the snippet to your site…So I’m not sure what you mean by “that snippet broke my site”. I was just mentioning it saying that is what you were doing on your site and I used it to verify the patch I added worked.

For you to fix your site all you have to do is re-install the Total Theme Core plugin, the fix is already live and verified. So log into WordPress and go to Plugins delete the Total Theme Core and then go to Appearance > Install Plugins and re-install the Total Theme Core.

make sense?

- AJ

Hi AJ, Awesome! Should I do the same thing on my other sites that are acting strange.

Probably a good idea. What do you mean by “acting strange” though? If you are having the same issue with the icons then yes.

The official 5.5.2 update will be out today or tomorrow as well.

- AJ

ps: Is this Bob? I feel like I remember your username, but could be wrong!

Hi,

The “undergoing scheduled maintenance” screen is a WordPress function that gets added to the site when you are performing updates. Sometimes (rarely) it get’s “stuck” and you have to delete it via FTP. It looks like perhaps you already did this because the page is loading correctly for me.

But your homepage isn’t showing any content, is that normal?

- AJ

No, not normal . The image slider doesn’t function anymore. I deleted images from the library to insert new ones but the slider keeps on using old images that are no longer in the media library and doesn’t show the new ones that I uploaded and selected. I figured to leave it overnight, but it still isn’t working. Yes. Thank you for the ‘undergoing maintenance’ reply. I re-installed Wordpress. Astrid

Hi Astrid,

That’s very strange, it would almost be impossible for the theme to use images that don’t even exist on the site. Is your Image Slider using Slider Revolution or the theme’s Image Slider builder element? And have you updated all plugins on the site?

I see your support license has expired so you can’t submit a private ticket. If you want you can renew support or if you don’t want to you can email me directly at wpexplorer [at] gmail dot com with the site logins and I can log in and. have a look to see what’s going on.

It almost sounds like a caching issue on the site. Have you cleared all 3rd party caching? (plugins, server, CDN, Cloudflare..etc)

- Aj

i guess i found the problem is in customizing related posts, with single post categories.

Hi,

Sorry, I’m not understand the issue. Did you want to change the related so it doesn’t use categories?

For anyone else wondering here is the guide for adding related items in a custom template – https://wpexplorer-themes.com/total/docs/related-items-dynamic-template/

- AJ

Oh great! If you do need anything though let me know

- AJ

I’ll send you the final product

Looking forward to seeing it!