Search Results for 'Page'

[chitocamacho]

chitocamacho

#285883

Hi Wes,

Thanks for the link to the page.

I clicked the button on that page, but the Conversion item showed up after a few minutes which is weird.

I tried replicating this issue on my test site but was unable to – here’s a video: https://share.zight.com/9ZuL0kNY

Can you please clear all kinds of caches on your website and server? If the issue persists, please do the troubleshooting steps outlined in this article:
https://www.kadencewp.com/blog/how-to-troubleshoot-your-website/

Let us know how it goes.

Best,
Chito

[Karla]

Karla

#285879

Hey, Rick!

I’m sorry for the delay in getting back to you.

I’d say your mobile accessibility should be close to or equal to the desktop score. Also, the error shown is for the contrast ratio but looking at the colors on your page, they have a good contrast ratio.

If I check your other page in PageSpeed Insights, there’s no error. Here’s a link.

Have you tried deactivating the cache and temporarily deactivating the plugins one by one? This is so you can pinpoint whether one of them is causing the issue on the homepage. Here are some references:

• https://www.kadencewp.com/blog/how-to-troubleshoot-your-website/
• https://www.kadencewp.com/help-center/docs/kadence-theme/temporarily-deactivating-plugins/

If you have a test or staging copy of your website, I suggest doing the troubleshooting steps there.

Let us know how we can help you further with this.

Regards,
Karla

[Karla]

Karla

#285878

Hi, @iamsankz!

This topic has been marked as resolved. For future issues/topics, please open a new one so the support team will easily see it as new.

The shortcode will have its own output and by default, it will show the current post title. You can hide the current post/page titles by adding custom CSS code in Customize > Additional CSS:

#kadence-breadcrumbs span.kadence-bread-current {
    display: none;
}

I hope this helps, and let us know if we can help you further with this.

Regards,
Karla

[gizmo90]

gizmo90

#285875

This reply has been marked as private.

[Francis]

Francis

#285874

This reply has been marked as private.

[Francis]

Francis

#285873

Could you please help me with this issue…..
I have a critical error on my woocommerce product page when I update it to php 8.2 & have the virtue child theme operating at the same time.
The issue lies with this code that is interfering with it working correctly.
I am testing it on a staging site, mentioned below.

[Francis]

Francis

#285873

Could you please help me with this issue…..
I have a critical error on my woocommerce product page when I update it to php 8.2 & have the virtue child theme operating at the same time.
The issue lies with this code that is interfering with it working correctly.
I am testing it on a staging site, mentioned below.

[studio-nenontwerp]

studio-nenontwerp

#285869

Hi Karla,

Thanks for your help. Replacing actions for custom content, that I understand. But I still dont understand why the elements are not added. The Kadence-theme has these elements for the default (woocommerce) archive. Why shouldn’t you add them again to allow all aligning to be applied.

Is it a history choice that cant be undone? or to ensure selling Shopkit for none kadence-themes?
For non-developers (and me) it feels like the page is broken.

Comming from Genesis theme building, this wil be my second project with Kadence. Still discovering …
For this issue please mark this as ‘resolved’.

Thanks, Martin

[Nadine]

Nadine

#285862

Hi Hannah,

yes, I tried that. You are right, this again work around the issue, though it has styling and usuability issues for the user.

Actually, the support thread was about the Google Map not working on the Contact page. Then there was this workaround with temporarily deactivating the Google Map API key. This way the iframe solution is used instead of Virtue native gmap features. But this makes the Map box too wide and also misaligned. Anyway, yes, the workaround is better than no map at all.

The Contact page issue was fixed with

= Version 4.10.12 | 27th September 2023 =

Fix: Issue with Google Maps.

of the Virtue Premium Theme.

However, this introduced a bug so that the gmap shortcode is not working anymore. Hence this new post here.

I think the introduced bug is easy to resolve by one of your developers.

Kindly,
Nadine

[Karla]

Karla

#285858

Hi, Lisette!

Kindly open a new topic for future support questions. Also, I’m sorry for the delay in getting back to you here.

I’d love to be able to add a custom image background to Product Category Archive titles

If you’re using the Kadence theme and you have the Kadence Pro add-on, there should be a built-in way to do this. Follow these steps:

1. After activating the Kadence Pro add-on, turn on the “Archive Custom Settings” add-on in Appearance > Kadence – https://share.zight.com/2NuW0Bvq
2. Go to Customize > Posts/Pages Layout > Archive Layout and make sure you select the “Above Content” title layout.
3. Edit a post category and select an image for the “Above Header Background Image” option.

Here’s how it will work – https://share.zight.com/eDu0wxlK.

As you may have seen in the above screen recording, you can override the “Above content” title section using the Kadence Pro’s Hooked Elements feature. Here’s our documentation about this feature – https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-use-element-hooks/

The hooked element settings can be set like this – https://share.zight.com/9ZuL0Am7.

I hope this helps, and let us know if we can help you further.

Regards,
Karla

[Karla]

Karla

#285857

Hi there!

You’re right, overriding the whole archive page template will replace the whole content container. Specifically, the div with the “content-area” class will be replaced by any block you add to the Woo Template.

The styles for alignwide will still be there but it won’t look the same as when you have the content container as our theme uses different width, max-width, margin-left, and margin-right CSS properties values – https://share.zight.com/9ZuL0AxX.

Your workaround is good. Another thing you can do is just add custom CSS code to Customize > Additional CSS:

@media all and (min-width: 1520px) {
    .post-type-archive #inner-wrap .alignwide {
        max-width: unset;
        width: unset;
        margin-left: -115px;
        margin-right: -115px;
    }
}

I hope this helps, and let us know if we can help you further with this.

Regards,
Karla

[Hannah]

Hannah

#285853

Hi,
Apologies for the delay. Your links are taking me to pages not found. Can you confirm they are correct?
Take a look at this post to ensure your images are following best practices: https://www.kadencewp.com/blog/best-practices-for-images-sizes-and-optimization-in-wordpress/

Kindly,
Hannah

[studio-nenontwerp]

studio-nenontwerp

#285847

I’m using Kadence Theme together with Shopkit. I created an archive template in shopkit to replace the default product-archive. In this template I use a 2-column row-block set to alignwide. This is failing at frontend (looks like alignfull without padding). Looking at the html, the template content is inserted right after (inside) div element ‘inner-wrap’, replacing the default content. Compared to other archives and pages there are missing some elements to get alignwide working. CSS styling by layout both use class ‘content-container’:

normal: .wp-site-blocks .content-container .alignwide
narrow: .content-width-narrow .wp-site-blocks .content-container .alignwide

Do I need to wrap my blocks in some main-layout block? Or is there a setting I overlooked?

Hope to hear, thanks Martin

My fix for now:

add_action( 'kadence_woocommerce_template_before_archive' , 'nen_woo_fix_before' );
add_action( 'kadence_woocommerce_template_after_archive' , 'nen_woo_fix_after' );

function nen_woo_fix_before()
{
echo '<div id="primary" class="content-area">
<div class="content-container site-container">
<main id="main" class="site-main" role="main">';
}

function nen_woo_fix_after()
{
echo ' </main>
</div>
</div>';
}

[studio-nenontwerp]

studio-nenontwerp

#285847

I’m using Kadence Theme together with Shopkit. I created an archive template in shopkit to replace the default product-archive. In this template I use a 2-column row-block set to alignwide. This is failing at frontend (looks like alignfull without padding). Looking at the html, the template content is inserted right after (inside) div element ‘inner-wrap’, replacing the default content. Compared to other archives and pages there are missing some elements to get alignwide working. CSS styling by layout both use class ‘content-container’:

normal: .wp-site-blocks .content-container .alignwide
narrow: .content-width-narrow .wp-site-blocks .content-container .alignwide

Do I need to wrap my blocks in some main-layout block? Or is there a setting I overlooked?

Hope to hear, thanks Martin

My fix for now:

add_action( 'kadence_woocommerce_template_before_archive' , 'nen_woo_fix_before' );
add_action( 'kadence_woocommerce_template_after_archive' , 'nen_woo_fix_after' );

function nen_woo_fix_before()
{
echo '<div id="primary" class="content-area">
<div class="content-container site-container">
<main id="main" class="site-main" role="main">';
}

function nen_woo_fix_after()
{
echo ' </main>
</div>
</div>';
}

[rick-4052]

rick-4052

#285845

I can’t for the life of me figure out why I am getting an error from Google Pagespeed.
It shows an accessibility issue with my Kadence homepage and gives me zero score.

*Login to see link

If I click in I see an error that reads “axe-core Error: vf[r] is not a function” which I have no idea what that is.

Anyone have a clue?

[rick-4052]

rick-4052

#285845

I can’t for the life of me figure out why I am getting an error from Google Pagespeed.
It shows an accessibility issue with my Kadence homepage and gives me zero score.

*Login to see link

If I click in I see an error that reads “axe-core Error: vf[r] is not a function” which I have no idea what that is.

Anyone have a clue?

[Realbilly]

Realbilly

#285843

Hello,
I have a phenomenon here that is at least inexplicable to me:
It’s about my page menu, which I defined in the header for the entire page. This is presented differently on the start site (homepage) than on the other pages – with rounded corners, shadows, etc.
Any idea how come?
I add two screens for illustration. It is the same menu on different pages.
Thank you very much!

[Realbilly]

Realbilly

#285843

Hello,
I have a phenomenon here that is at least inexplicable to me:
It’s about my page menu, which I defined in the header for the entire page. This is presented differently on the start site (homepage) than on the other pages – with rounded corners, shadows, etc.
Any idea how come?
I add two screens for illustration. It is the same menu on different pages.
Thank you very much!

[rick-4052]

rick-4052

#285826

I have my website nearly what I want it to be. My last issue is the testimonial block on this page: *Login to see link

It shows 4 on mobile, 3 on Tablet, and two on mobile. It looks horrible with two on mobile. Is there a way to edit it to show only one?
I can’t find a setting to edit what’s displayed.

Thanks in advance!

Rick

[rick-4052]

rick-4052

#285826

I have my website nearly what I want it to be. My last issue is the testimonial block on this page: *Login to see link

It shows 4 on mobile, 3 on Tablet, and two on mobile. It looks horrible with two on mobile. Is there a way to edit it to show only one?
I can’t find a setting to edit what’s displayed.

Thanks in advance!

Rick

[apple.chepolino]

apple.chepolino

#285824

Good afternoon, everyone. Please help me solve a couple of problems:

1. How to move the description of categories and subcategories to the bottom of the page?

2. How to place the h1 tag on the main page of the site on the Elementor builder?

[apple.chepolino]

apple.chepolino

#285824

Good afternoon, everyone. Please help me solve a couple of problems:

1. How to move the description of categories and subcategories to the bottom of the page?

2. How to place the h1 tag on the main page of the site on the Elementor builder?

[teejayhidalgo]

teejayhidalgo

#285818

Hi Adam,

I believe these are background images set in the following settings:

1. Appearance > Customize > Header > Design. See Video: https://share.getcloudapp.com/7KuX81oQ
2. Appearance > Customize > Posts/Pages Layout > Archive Layout > Design. See Video: https://share.getcloudapp.com/KouNwz4k

You can try removing or changing these default background images from the Starter Template.

Please let us know how it goes, we’ll be more than happy to help.

Best regards,
Teejay.

[v.raassens]

v.raassens

#285810

Hi,

I’m using a Kadence Element to replace the “Archive loop item content” on an archive page. I’m using the Jetengine plugin for CPT en custom fields. The preview in the Kadence element works fine and the custom fields are visible. The custom fields are not appearing on the frontend though.

I’ve tried to replicate the issue by using Advanced Custom Fields, no Custom Post Type and an Kadence Element to replace the Archive page for posts in the category Uncategorized. I have the same issue here: the custom fields are not showing up on the frontend, only the fallback content for the field.

Would could be the issue?

Kind regards, Vincent

[v.raassens]

v.raassens

#285810

Hi,

I’m using a Kadence Element to replace the “Archive loop item content” on an archive page. I’m using the Jetengine plugin for CPT en custom fields. The preview in the Kadence element works fine and the custom fields are visible. The custom fields are not appearing on the frontend though.

I’ve tried to replicate the issue by using Advanced Custom Fields, no Custom Post Type and an Kadence Element to replace the Archive page for posts in the category Uncategorized. I have the same issue here: the custom fields are not showing up on the frontend, only the fallback content for the field.

Would could be the issue?

Kind regards, Vincent

[victormonk]

victormonk

#285808

Hey Faizan,
​
Thanks for reaching out.

You can remove the Content Vertical Spacing for the Homepage using the Page Settings. You can edit the page in question and then go to the Page Settings. You can find the Content Style and change it to Unboxed. Then you can change the Content Vertical Padding to Disabled. Here is a video for reference: https://share.zight.com/NQu5r5JK
​
I hope this information was helpful to you. Please let us know if we can further help.

[demirstringart]

demirstringart

#285802

Hi everyone! I again have a problem displaying blocks of Woocommerce products, such as “All Products” or “Best sellersproducts”
Indeed, as for the example page that I linked, I cannot display the products in two columns when it is consulted from a mobile.

I already asked the question 8 months ago, and an answer worked :

@media (max-width: 768px) {
.wc-block-grid .wc-block-grid__products:not(.thisisforspecificity) .wc-block-grid__product, .wc-block-carousel .wc-block-grid__product {
max-width: 50%;
}
.wc-block-grid.has-4-columns .wc-block-grid__products {
display:flex;
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
flex: 1 0 50%;
min-width: 40%;
padding: 0;
margin: 0 0 24px;
}
}

But for a few days (I don’t know when it started), it hasn’t worked anymore. I once again have only one product displayed on the left part of the screen, and nothing on the right part. I did some tests, and this problem only appears when the screen is 480 pixels or less. Beyond that, two products are displayed correctly. Except that most smartphones are 480 pixels……

I specify that I have not changed anything on my site, I have not added any plugins, touched the customizer etc… I just updated WordPress. Can you help me ?

Thanks for your help !

Irina

[demirstringart]

demirstringart

#285802

Hi everyone! I again have a problem displaying blocks of Woocommerce products, such as “All Products” or “Best sellersproducts”
Indeed, as for the example page that I linked, I cannot display the products in two columns when it is consulted from a mobile.

I already asked the question 8 months ago, and an answer worked :

@media (max-width: 768px) {
.wc-block-grid .wc-block-grid__products:not(.thisisforspecificity) .wc-block-grid__product, .wc-block-carousel .wc-block-grid__product {
max-width: 50%;
}
.wc-block-grid.has-4-columns .wc-block-grid__products {
display:flex;
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
flex: 1 0 50%;
min-width: 40%;
padding: 0;
margin: 0 0 24px;
}
}

But for a few days (I don’t know when it started), it hasn’t worked anymore. I once again have only one product displayed on the left part of the screen, and nothing on the right part. I did some tests, and this problem only appears when the screen is 480 pixels or less. Beyond that, two products are displayed correctly. Except that most smartphones are 480 pixels……

I specify that I have not changed anything on my site, I have not added any plugins, touched the customizer etc… I just updated WordPress. Can you help me ?

Thanks for your help !

Irina