Support

Leave a support question in the comments here, and I wll try to help you. Provide as much detail as possible please.

170 Comments

Hi Kevin,

Installed your theme this morning and loving the flexibility of it.
I’m not sure if I’ve misunderstood the setting. however, when I select ‘full width’ at the page level and no sidebars, I still have borders on either side. I’m trying to have a full-width image but can’t seem to get it to stretch all the way without any gaps.

Any help would be appreciated.
Thanks!
S.

Love this theme! I’m having a problem with my mobile menu: the “hamburger” shows up, but it won’t drop down when clicked. Perhaps I bonked a setting? Any help appreciated.

Loaded the demo on my iPhone the dropdown is working fine.

Checked your site and dropdown does not work. Noticed a jquery error : “Error parsing header X-XSS-Protection: 1; mode=block, 1; mode=block: expected semicolon at character position 13. The default protections will be applied”. That could be affecting your site.

You may have a plugin problem. Try deactivating your plugins. Check the mobile menu. Then activate each plugin one at a time, checking the menu each time, to try and see if it is a plugin.

Hi Kevin, we love your theme; it’s awesome.

A couple of questions:
1. Google very recently added support for “font-display: swap” in their CSS. If you go to fonts.google.com, the href in the link tag for the Standard Embed solution contains “&display=swap” and the CSS response from their API contains “font-display: swap” in each of the @font-face clauses. Will you be adding support for that to Canuck in the future? Is there a hook that we can use in the meantime to enable this feature? It’s recommended by Lighthouse via Google’s PageSpeed Insights (“Ensure text remains visible during webfont load”). You can read https://developers.google.com/web/updates/2016/02/font-display for more info.

2. Is it possible to load fontawesome from their CDN instead of self-hosting? This page:
https://fontawesome.com/start
indicates that you can (should?) load it from use.fontawesome.com with an SRI attribute.

Again, if there are hooks that we can use to make these changes for ourselves while you consider whether to add them into the base, it would be much appreciated if you could point me to them.

I’m sorry about the lack of details, but Wordfence keeps rejecting my comment because “A potentially unsafe operation has been detected in [my] request to this site.”, so I’m removing hotlinks and HTML tags until it goes through.

Thanks in advance for your time.
Gord.

Hi Kevin. I think maybe we have a communication issue. You said that “The WordPress.org repository does not allow the use of CDN’s at this time.”

The following support article advocates the use of CDNs for boosting performance:
https://wordpress.org/support/article/optimization/#use-a-content-delivery-network-cdn

The same article also advocates the use of plugins such as W3 Total Cache (aka W3TC) to move requests for static assets to a CDN.

So this appears to contradict my understanding of your assertion.

So perhaps I misunderstood your objection to support loading the FontAwesome files from https://use.fontawesome.com? Would you mind elaborating a little more so that I can better understand what the concern is?

Thanks for looking into supporting “&display=swap” on the googleapis requests! I appreciate the long hours you have put into making this.

I am a member of the Theme Review Team at WordPress.org. When you upload a theme to WordPress.org you must have resources bundled with the theme. The only exception is Google Fonts. So the use of external links, such as the Fontawesome CDN are not permitted. The basic reasoning behind this is concerns about the security of offsite links.

The plugin repository at WordPress.org use a different set of rules and I believe CDN’s are allowed.

Hello again, Kevin.
I’m not sure if it’s a Canuck theme thing or a WordPress thing, but please allow me to ask anyways. Hopefully you can help. On some pages on my site, I have added a button in the text block (like a “learn more” button) into the paragraph, from the choices available when creating a block. It links fine when you click it, so no problem there, and it’s in my purple color. But it doesn’t change color on mouseover. It’s just a static object, with no mouseover state. I would like to make it have a mouseover state, if possible. Is there a way to do this? Want it to turn it to the theme’s red color on mouseover. Any ideas?

Yes, the cursor changes to a finger when you mouseover it, and it links through to the linked-to page no problem. It just doesn’t have any mouseover state as a button. It just stays the way it is.

That is a standard WordPress block and they do not style the hover state.

Try adding this to the Additional CSS tab in Appearance->Customize. Change to the colors or hex color you want.

.wp-block-button__link:hover{background-color:red; color: white;}

Thank you Kevin, that also worked immediately on the first try. Everything is gradually shaping up well, thanks to your help.

One more question, if I may:
I have sub-pages under the major sections in my main nav. For example, under my “About” page I have two sub-pages, one about my podcast, and one about me. But when I visit those subpages (I have assigned them as sub to the parent “About” page in the page attributes section on the right-hand side), the main nav menu up in the top-of-page header is not in a selected state; it just stays white, even though I’ve set it up as a sub-page.

SEO philosophy suggests that every sub-page should use the highlighted (in the case of my Canuck settings, the red) menu item. So in other words, my “About” top page is fine with the word “About” in nice red highlight, but the two pages underneath it have no highlighted color in the top main-nav menu. It’s plain white.
Is this is a problem with my page setup, or another unique phenomenon of WordPress? If you can shed any light on this, I would appreciate it. Thanks in advance.

Hi,
Just a quick question – is it possible to put the shortcode on section 1 of the homepage above the button please? I need to add in a timer to countdown to an event on the 23rd May and it would be much better placed between the section content and the CTA button, if possible.

Many thanks,
Ann

Hi Kevin,

I am contiuously finding getting in the all the features of your theme. Wonderfull! Just one short question. I choose ‘Gray with blue accents’ for the color scheme of my main menu. I would like to change the hoover color from purple to light blue. I’ve tried various CSS additions, but failed. Is it possible?

Many thanks for your reply.

Christian

Hi Kevin,
What an excellent theme. Thank you for making it. I’m a newbie, so I’m still trying it out to see what’s possible. Question: I’m using the grey and red color choice for the header menu, but when I make a submenu (nav level 2) under one of the main header items, it appears as a pulldown in white text on a red background. I would like to change the red background in that pulldown submenu to a different color (purple). Could you please tell me what line of the Theme Editor CSS code I need to change to the hex color code of my choice?
Thanks!

I normally do not get into custom css design, that’s why the skin is a gray-red skin.

But here you go 🙂
Add to the Additional CSS tab in customizer.

#main-menu-right ul ul li:hover > a { background-color: #b200ff; color: #ffffff; }
#main-menu-right ul ul li > a:hover { background-color: #b200ff; color: #ffffff; }
#main-menu-right ul ul ul li:hover { background-color: #b200ff; color: #ffffff; }
#main-menu-right ul ul ul li:hover > a { background-color: #b200ff; color: #ffffff; }
#main-menu-right ul ul ul li > a:hover { background-color: #b200ff; color: #ffffff; }
#main-menu-right ul ul ul ul li:hover { background-color: #f20202; color: #ffffff; }
#main-menu-right ul ul ul ul li:hover > a { background-color: #b200ff; color: #ffffff; }
#main-menu-right ul ul ul ul li > a:hover { background-color: #b200ff; color: #ffffff; }

Dear Kevin,
Wow! Thank you!!!!! It worked on the first try. Awesome.
Now my menu pulldowns are the same as the purple branding I’m trying to create on the whole site.
Thanks again. Someday I hope to be competent in coding, but that’s long while off, it seems. (LOL). I’ll get there someday. Meanwhile, I thank you so much!
Cheers!

Hi Kevin,

your theme is really great. Congratulations! I have 2 minor issues, which I have not been able to figure out. Probably I am just not capable.

1)
I want to align the front page title which appears in the middle of the starting page to the lower left corner. What css code do I need for that?

2)
One several of the pages I plan to use a table with 2 columns. Left column will contain a picture, right column text. I want to vertically align both (text and picture) to the top. I was not able to figure out the css for that. Can you help me with that?

1) The title on the front page is specially designed so that it works on all media sizes. Extensive modifications would be required and I do not do custom changes.

2) You will need to find a plugin that will do that.

Hello Kevin,

I’m trying NOT to show the featured image on a post but even with Hide Featured Images plugin and this code (worked on previous sites), no luck.

.single-post .wp-post-image {
display: none;
}

Is there something in the theme that may be overriding what I want to do?

Canuck is an image based theme, and as such uses feature images extensively.

If you do not want to use feature images then, select the Top Feature layout in Appearance->Canuck Blog->General Blog Options->Blog Style drop down.

Then you must always use the standard post format. All the other blog layouts and post formats are designed to use feature images.

Perhaps a theme that does not use featured images would be more appropriate.

Also note that the featured images are set up in a special way in Canuck. So I am not surprised that a plugin to remove them does not work.

Hi Kevin,
The theme is working perfectly, but I want to adjust the desktop homepage menu and wondered if you could help please?
It all looks fine on the minimal mobile sizes, but on desktop the top of the page looks cluttered with the header and contact info, the menu and logo bar and then the image with overlaid text. I’d like to make the traditional menu show as a burger-style just on the desktop homepage, not on the rest of the desktop site. Is that possible please?

Many thanks
Ann

Hi Ann
I’ve taken a look at making the menu a hamburger style from the start and unfortunately it’s not a quick fix. Sorry but I do not have time at the moment for a more extensive revision.

Leave a Reply to Lachie Cancel reply

Your email address will not be published. Required fields are marked *