Search Results for 'child theme'

[blackblossom010]

blackblossom010

#296583

Hi everyone!! I see the Kadence theme layout breaking after the latest update can be really annoying especially when your site looked perfect before. Sometimes theme updates introduce changes that affect settings or layout classes, so checking your child theme, custom CSS, or plugin compatibility can help narrow down the cause.
Also, once your layout issues are fixed, it’s important to keep your WordPress site secure, updated, and running smoothly so you don’t run into similar problems in the future. That’s where reliable WordPress maintenance services really make a difference helping with updates, backups, and ongoing support so your site stays stable and fast as you grow your content or business.

Hope you find a solution soon and get your layout back on track!

[iamtammyadkins]

iamtammyadkins

#296576

Hi there, I understand how frustrating it can be when the mobile menu isn’t working as expected. Since you’ve already tried deactivating plugins, clearing custom CSS, and updating everything, it seems like the issue is specific to the Kadence theme. Sometimes, conflicts with certain theme settings or caching can cause this blank screen issue. Have you tried switching off mobile-specific optimizations or checking the console for errors? I’ve seen similar issues resolved after tweaking header layout settings or temporarily using a child theme. On a side note, while troubleshooting, I also needed someone to take my online calculus exam, so I completely understand the need for reliable solutions quickly.

[alast4590]

alast4590

#296551

I faced a very similar issue on Modixerpk after a Kadence update — the spacing, block alignment, and section widths suddenly changed even though no content was edited. Since Modixerpk focuses on Original leather bags, the layout break was very noticeable on product grids and category pages. In my case it turned out to be cached CSS combined with a child-theme template override.

[rencher675]

rencher675

#296455

If your Kadence Theme layout is breaking after the latest update, first clear your browser and website cache, as outdated CSS files often cause styling issues. Make sure all plugins, especially Kadence Blocks and your page builder, are updated to compatible versions. Check for plugin http://jiogamelottery.com/ conflicts by temporarily deactivating them one by one. Also review any custom CSS or child theme modifications, as updates can change class structures and affect layout styling.

[fatima574777]

fatima574777

#296452

Hi Kadence team/community,

I’m using Kadence Pro and I’m having an issue where Typography font changes don’t reflect on the live site.
Font remains the same (Customizer preview shows the new font, but live site doesn’t)

What I tried

Cleared browser cache + tested incognito

Purged site/plugin cache

Disabled cache/minify plugins temporarily

I first noticed it on a page where users Check my Sassa status, but the font issue seems site-wide, not page-specific.

Any ideas on what typically overrides Kadence Typography (cached CSS, child theme CSS, custom CSS, font loading order, etc.) and the best way to pinpoint the conflict?

[fatima574777]

fatima574777

#296452

Hi Kadence team/community,

I’m using Kadence Pro and I’m having an issue where Typography font changes don’t reflect on the live site.
Font remains the same (Customizer preview shows the new font, but live site doesn’t)

What I tried

Cleared browser cache + tested incognito

Purged site/plugin cache

Disabled cache/minify plugins temporarily

I first noticed it on a page where users Check my Sassa status, but the font issue seems site-wide, not page-specific.

Any ideas on what typically overrides Kadence Typography (cached CSS, child theme CSS, custom CSS, font loading order, etc.) and the best way to pinpoint the conflict?

[bilgi-7770]

bilgi-7770

#296404

Hi Kadence team,
I’m using Kadence Theme + Kadence Pro with WooCommerce and the WooCommerce Product Add-ons plugin. I have Sticky Add to Cart enabled for single product pages.

Issue
When a simple product has product add-ons (e.g. warranty, extras), those add-on options are rendered inside the sticky bar as well as in the main product form. So the sticky bar shows:
Product thumbnail, title, price
Full add-on block (e.g. “Warranty options” with radio options)
Quantity + Add to cart button
That makes the sticky bar tall and cluttered. On GeneratePress (which I used before), the sticky add-to-cart did not show add-ons in the bar—only a compact bar with price and button/link.

Why I think it happens
In Kadence Pro’s sticky add-to-cart (e.g. in wp_footer), for simple/subscription products you call woocommerce_template_single_add_to_cart(). That outputs the full add-to-cart form.
The Product Add-ons plugin hooks into woocommerce_before_add_to_cart_button (and related hooks), so whenever that form is rendered—including in the footer for the sticky bar—add-ons are output there too. So the same form (with add-ons) appears twice: once in the main summary and once in the sticky bar.

Current workaround
I’m using the existing filter kadence-pro-sticky-show-single-add-to-cart in my child theme: when the product has add-ons, I return false. Then the sticky bar behaves like for variable products (no form in the bar, only a link that scrolls to the main form). That gives the compact bar I want.

add_filter( 'kadence-pro-sticky-show-single-add-to-cart', 'my_sticky_hide_when_addons', 10, 2 );
function my_sticky_hide_when_addons( $show, $product ) {
if ( ! is_a( $product, 'WC_Product' ) ) return $show;
if ( ! class_exists( 'WC_Product_Addons_Helper' ) ) return $show;
$addons = WC_Product_Addons_Helper::get_product_addons( $product->get_id() );
if ( ! empty( $addons ) && is_array( $addons ) ) {
return false;
}
return $show;
}

Suggestion / feature request
How GeneratePress does it: With GeneratePress (and GeneratePress Premium), the sticky add-to-cart bar does not output the full add-to-cart form again. The sticky bar stays minimal: product info (e.g. image, title, price) and a single “Add to cart” control (or a link that scrolls to the form). Product add-ons only appear in the main product form, not in the sticky bar, so the bar stays compact and consistent.
Request: Could Kadence Pro match that behavior? So for products that have add-ons (e.g. via WooCommerce Product Add-ons or similar), the sticky bar would not render the full form (and thus no add-on fields in the bar)—only a compact bar with price and an “Add to cart” / “Select options” link that scrolls to the main form, same as you already do for variable products. That would keep the sticky bar minimal and consistent with how many users expect it to work (like GeneratePress).

Environment
Kadence Theme (latest)
Kadence Pro (latest)
WooCommerce (latest)
WooCommerce Product Add-ons (official plugin, latest)
Thanks for considering this; the filter workaround works, but built-in support would be cleaner for users with add-ons.

[bilgi-7770]

bilgi-7770

#296404

Hi Kadence team,
I’m using Kadence Theme + Kadence Pro with WooCommerce and the WooCommerce Product Add-ons plugin. I have Sticky Add to Cart enabled for single product pages.

Issue
When a simple product has product add-ons (e.g. warranty, extras), those add-on options are rendered inside the sticky bar as well as in the main product form. So the sticky bar shows:
Product thumbnail, title, price
Full add-on block (e.g. “Warranty options” with radio options)
Quantity + Add to cart button
That makes the sticky bar tall and cluttered. On GeneratePress (which I used before), the sticky add-to-cart did not show add-ons in the bar—only a compact bar with price and button/link.

Why I think it happens
In Kadence Pro’s sticky add-to-cart (e.g. in wp_footer), for simple/subscription products you call woocommerce_template_single_add_to_cart(). That outputs the full add-to-cart form.
The Product Add-ons plugin hooks into woocommerce_before_add_to_cart_button (and related hooks), so whenever that form is rendered—including in the footer for the sticky bar—add-ons are output there too. So the same form (with add-ons) appears twice: once in the main summary and once in the sticky bar.

Current workaround
I’m using the existing filter kadence-pro-sticky-show-single-add-to-cart in my child theme: when the product has add-ons, I return false. Then the sticky bar behaves like for variable products (no form in the bar, only a link that scrolls to the main form). That gives the compact bar I want.

add_filter( 'kadence-pro-sticky-show-single-add-to-cart', 'my_sticky_hide_when_addons', 10, 2 );
function my_sticky_hide_when_addons( $show, $product ) {
if ( ! is_a( $product, 'WC_Product' ) ) return $show;
if ( ! class_exists( 'WC_Product_Addons_Helper' ) ) return $show;
$addons = WC_Product_Addons_Helper::get_product_addons( $product->get_id() );
if ( ! empty( $addons ) && is_array( $addons ) ) {
return false;
}
return $show;
}

Suggestion / feature request
How GeneratePress does it: With GeneratePress (and GeneratePress Premium), the sticky add-to-cart bar does not output the full add-to-cart form again. The sticky bar stays minimal: product info (e.g. image, title, price) and a single “Add to cart” control (or a link that scrolls to the form). Product add-ons only appear in the main product form, not in the sticky bar, so the bar stays compact and consistent.
Request: Could Kadence Pro match that behavior? So for products that have add-ons (e.g. via WooCommerce Product Add-ons or similar), the sticky bar would not render the full form (and thus no add-on fields in the bar)—only a compact bar with price and an “Add to cart” / “Select options” link that scrolls to the main form, same as you already do for variable products. That would keep the sticky bar minimal and consistent with how many users expect it to work (like GeneratePress).

Environment
Kadence Theme (latest)
Kadence Pro (latest)
WooCommerce (latest)
WooCommerce Product Add-ons (official plugin, latest)
Thanks for considering this; the filter workaround works, but built-in support would be cleaner for users with add-ons.

[architabasandrai]

architabasandrai

#296297

Hi Sophie,

Thanks for your message. I’m glad we could clarify this.

You’re correct: Pages in WordPress don’t have a built-in Excerpt field enabled by default, which is why you’re not seeing the option I mentioned earlier. This is expected behavior in WordPress and is not specific to Kadence.

If you’d like to enable excerpts for pages, you can do so by adding a small code snippet. It’s highly recommended to use a child theme or a code snippet plugin so your changes aren’t overwritten when the main theme updates:

function my_add_excerpts_to_pages() {
    add_post_type_support( 'page', 'excerpt' );
}
add_action( 'init', 'my_add_excerpts_to_pages' );

Try adding this custom code using the code snippets plugin: https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-add-a-custom-filter-or-function-with-code-snippets/

Once this is added, the Excerpt field will appear on your page editor, and you can start using it as needed.

Let me know if you’d like me to guide you through adding this safely via a snippet plugin — it avoids touching theme files directly.

Regards,
Archita

• This reply was modified 3 months, 1 week ago by architabasandrai.

[Frank]

Frank

#295914

Yeah, I wouldn’t have a link anymore. It was a real estate site. The “Big Company” did a set-up for local Realtor to have their own .com/little-realtor website. and when the user clicked on Themes it went to there own custom made area not like a typical wordpress website and it only showed 4 “Theme” options. Which was basically the same website in 4 colors. So I imagine they Hide the Parent Theme customized the left column option greatly and steered the User to those 4 child themes they wanted the local realtor use.
Anyways…was just thinking aloud here appreciate the reply 🙂

[Karla]

Karla

#295902

Hi Frank!

WordPress child themes are meant to inherit functionality from a parent theme—they’re usually site-wide, not per-user. You can’t natively assign a different theme per page or per user in standard WordPress without plugins or custom code.

If you have a sample WordPress website that does this, I can check how they’ve done it.

Let me know!

[architabasandrai]

architabasandrai

#295842

Hi There,

Thanks so much for your patience. I just saw your messages, as the Support team does not work over the weekend. I’m glad to help you with this.

You can enqueue JavaScript in your child theme in almost the same way as the CSS. You just need to use wp_enqueue_script().

Here’s a clean example based on what you already have.

function child_theme_assets() {

	// Enqueue child theme CSS
	wp_enqueue_style(
		'child-theme-css',
		get_stylesheet_directory_uri() . '/style.css',
		array(),
		wp_get_theme()->get( 'Version' )
	);

	// Enqueue child theme JS
	wp_enqueue_script(
		'child-theme-js',
		get_stylesheet_directory_uri() . '/script.js',
		array( 'jquery' ), // remove if you don’t need jQuery
		wp_get_theme()->get( 'Version' ),
		true // load in footer
	);

}
add_action( 'wp_enqueue_scripts', 'child_theme_assets', 99 );

Check the detail here: https://developer.wordpress.org/reference/functions/wp_enqueue_script/

I hope this helps. Let me know if we can assist you further.

Best Regards,
Archita

[davmart]

davmart

#295831

Hi,

I used this code to enqueue CSS in my child theme using the “style.css” file:

function child_styles() {
wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() . '/style.css', []);
}
add_action( 'wp_enqueue_scripts', 'child_styles', 99 );

How can I enqueue scripts? I created a “script.js” file for this purpose.

[davmart]

davmart

#295831

Hi,

I used this code to enqueue CSS in my child theme using the “style.css” file:

function child_styles() {
wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() . '/style.css', []);
}
add_action( 'wp_enqueue_scripts', 'child_styles', 99 );

How can I enqueue scripts? I created a “script.js” file for this purpose.

[Julia]

Julia

#295658

As in the title, a blank page appears after selecting the child theme whose content I want to import. I click the theme thumbnail and the page clears. There’s no further pre-import settings step or a button to start the import. Even observing the HTML generated by the plugin for the displayed content, I see that after selecting the theme I want to import, all content disappears in the <div class=”kadence_starter_dashboard_main”></div> element, and there’s no dashboard. Reverting to WordPress 6.8.3 eliminates the problem. Could someone fix this so the plugin is compatible with WordPress 6.9?

[Julia]

Julia

#295658

As in the title, a blank page appears after selecting the child theme whose content I want to import. I click the theme thumbnail and the page clears. There’s no further pre-import settings step or a button to start the import. Even observing the HTML generated by the plugin for the displayed content, I see that after selecting the theme I want to import, all content disappears in the <div class=”kadence_starter_dashboard_main”></div> element, and there’s no dashboard. Reverting to WordPress 6.8.3 eliminates the problem. Could someone fix this so the plugin is compatible with WordPress 6.9?

[victormonk]

victormonk

#295628

Hey there,

The enqueue function you’re using is fine, and even if you switch the method, it won’t change how CSS overrides work.

If the child stylesheet loads after the parent (which it does), but your rules are still not overriding the parent theme, the most common reason is selector specificity.

For example, say a Theme selector looks like this like: .header-item .site-title { ... }.

So if the child CSS only uses: .site-title { ... }, it will not override the parent.

To override the parent, you must add an equal or greater specificity, such as:

.header-item .site-title a {
	color: #000;
}

It’s often recommended to use better CSS specifications over !important selectors when possible.

I hope this helps!

• This reply was modified 5 months, 1 week ago by victormonk.

[birthdaywishm]

birthdaywishm

#295607

Your note about headings not showing link styling made me think of how small visual cues matter in Marathi birthday traditions too, and I recently adapted a traditional blessing for a family birthday and it felt sincere. Even slipping in one simple line like happy birthday in marathi can guide readers clearly. Checking for style overrides in a child theme is a quick first step.

[davmart]

davmart

#295604

Hi,

Hi,

Is there a better code for enqueuing CSS in the child theme to prevent the parent theme’s CSS from overriding the child theme’s CSS?
I always have to use a lot of “!important” in the child CSS, which is not good for website optimization. If I can avoid this “!important”, it will be great.

I am currently using this enqueuing code:

function child_enqueue_styles() {
wp_enqueue_style( 'child-theme', get_stylesheet_directory_uri() . '/style.css', array(), 100 );
}

add_action( 'wp_enqueue_scripts', 'child_enqueue_styles' );

Is there a more efficient code that allows the child CSS to take priority over the parent theme CSS?

Thanks!

[davmart]

davmart

#295604

Hi,

Hi,

Is there a better code for enqueuing CSS in the child theme to prevent the parent theme’s CSS from overriding the child theme’s CSS?
I always have to use a lot of “!important” in the child CSS, which is not good for website optimization. If I can avoid this “!important”, it will be great.

I am currently using this enqueuing code:

function child_enqueue_styles() {
wp_enqueue_style( 'child-theme', get_stylesheet_directory_uri() . '/style.css', array(), 100 );
}

add_action( 'wp_enqueue_scripts', 'child_enqueue_styles' );

Is there a more efficient code that allows the child CSS to take priority over the parent theme CSS?

Thanks!

[architabasandrai]

architabasandrai

#295532

Hi @tianasmith,

Thanks for the update. I’m really glad to hear you were able to track it down and get everything sorted with the child theme developer.

If anything else comes up or you have more questions as you continue working on your site, feel free to reach out anytime.

Happy building with Kadence!

Regards,
Archita

[tianasmith]

tianasmith

#295525

So it turns out that the child theme I was using that used Kadence had altered that part of the code. I reached out to that designer and they gave me the CSS to add that hid that portion. I got it all sorted. Thank you!

[Nomad’s Team]

Nomad’s Team

#295484

Hello Victor,

Hope you don’t mind me jumping in here but I’m experiencing the same issue and I’m only using the classic Kadence theme / Kadence Pro together with Kadence Blocks / Blocks Pro.

It appears that the issue is tied to the Enable Optimized Group Block option in the theme settings. This option was introduced by the Kadence’s devs in March 2024 to enable theme.json mode. When disabled, it restores an old inner block in the WP core Group block’s markup for backward-compatibility purposes, so sites created after March 2024 don’t need to disable it.

When the option is enabled:

• The Align setting (none/wide/full) disappears from both the Row Layout block and the WP core Group block (based on what I’ve read in the Facebook group, other blocks seem to be affected as well but I’ve only tested these two).
• For WP Group blocks that were previously set to full width before the update, the Inner blocks use content width option no longer has any effect: direct child blocks are always displayed at full width whenever the parent Group is full width.

When the option is disabled:

• The Align setting (none/wide/full) becomes available again for both blocks.
• The Inner blocks use content width option is no longer visible in the WP Group block settings.

So, to summarize, two issues arise:

1. The Align option disappears whenever Enable Optimized Group Block is active in the theme settings. The WP Group block’s Inner blocks use content width option is displayed in the block settings but doesn’t work.
2. The WP core Group block’s Inner blocks use content width option isn’t displayed anymore whenever Enable Optimized Group Block is inactive.

[architabasandrai]

architabasandrai

#295377

Hi @destroy666,

I really appreciate you reaching out about this.

This is actually a known issue, and our team is already aware of it. It’s been escalated for review and resolution. Right now, we don’t have an estimated timeline for when a fix will be released, but I’ll make sure to keep you in the loop as soon as there’s any update.

In the meantime, try following workaround:

• Add CSS class to the Show More button (e.g. “collapseTabletMobile”).Check the screenshot: https://share.zight.com/jkuN76Rx
• Add custom CSS code to your website:

`@media (max-width: 1024px) {
.collapseTabletMobile.kb-smc-open > .wp-block-kadence-column {
max-height: none!important;
-webkit-mask-image: none;
mask-image: none;
overflow-y: unset;
}
.collapseTabletMobile > .wp-block-kadence-column {
max-height: 91px!important;
overflow-y: hidden;
}
.collapseTabletMobile:not(.kb-smc-open) .wp-block-kadence-advancedbtn .kt-btn-wrap:first-child,
.collapseTabletMobile:not(.kb-smc-open) .wp-block-kadence-advancedbtn .wp-block-kadence-singlebtn:nth-of-type(1) {
display: inline;
}
.collapseTabletMobile.kb-smc-open > .wp-block-kadence-advancedbtn .kt-btn-wrap:nth-child(2),
.collapseTabletMobile.kb-smc-open > .wp-block-kadence-advancedbtn .wp-block-kadence-singlebtn:nth-of-type(2) {
display: inline-flex;
}
}`

You can add Custom CSS in your Customizer > Additional CSS. https://www.kadencewp.com/help-center/docs/kadence-theme/how-do-i-add-custom-css/

I hope that helps. If you need help with anything else or have any other questions, just let me know. I’m happy to assist.

Regards,
Archita

• This reply was modified 6 months ago by architabasandrai.

[Anonymous]

Anonymous

#295174

Hi there,

We’d like to provide you guidance on this.

It sounds like you want to enable comments on WordPress pages (not just posts) using the Kadence theme. By default, WordPress hides the comment form on pages, even if the “Allow comments” option is enabled. Here’s how you can ensure comments appear on your pages:

– Edit the Page: Go to Pages > All Pages in your WordPress admin and click to edit the page where you want comments.
– Check Discussion Settings: In the page editor, look for the “Discussion” panel (usually in the right sidebar or under “Screen Options” at the top if you don’t see it). Make sure “Allow comments” is checked.
– Update the Page: Click “Update” to save your changes.
– Theme Support: Some themes, including Kadence, may not display comments on pages by default. If you’ve enabled comments but still don’t see the form, you may need to add support for comments on pages via a PHP code snippet.

Here’s a sample snippet you can use (add this via the Code Snippets plugin or your child theme’s functions.php):

add_post_type_support( 'page', 'comments' );

This will ensure that the comment form appears on pages where comments are enabled.

Let us know how we could help you further.

Kind Regards,
Michael Taro