Search Results for 'child theme'

[shawn-5494]

shawn-5494

#283204

This reply has been marked as private.

[Patrick Oben]

Patrick Oben

#283064

Hi,

I am working on optimizing my core web vital scores using Kadence and Nitropack. I have some descent results so far with changes made mainly through nitropack.
However, reducing the DOM size is an issue. I have attached screenshots.
I had a Developper look at it and this is what he had to say:

”
1-A LOT of stylesheet links
2-Kadence hides things for mobile (like .mobile-header and .mobile-drawer) when on desktop (And presumably vice versa) rather than removing them…built in unfortunately – would have to create a child theme and doctor it…probably not worth it.
3-A decent amount of elements related to the menus
4-Several of those blocks on the home page take up a lot of dom elements – the carousel, the personal Bible study section, the block at the bottom mentioning ‘go beyond etc’, (This is also where the deepest elements are)
“.

Is there a solution you have found for such problems with the Kadence theme? There are some issues with my configuration, which I can address like the home page design.

Thanks,
Patrick

[Patrick Oben]

Patrick Oben

#283064

Hi,

I am working on optimizing my core web vital scores using Kadence and Nitropack. I have some descent results so far with changes made mainly through nitropack.
However, reducing the DOM size is an issue. I have attached screenshots.
I had a Developper look at it and this is what he had to say:

”
1-A LOT of stylesheet links
2-Kadence hides things for mobile (like .mobile-header and .mobile-drawer) when on desktop (And presumably vice versa) rather than removing them…built in unfortunately – would have to create a child theme and doctor it…probably not worth it.
3-A decent amount of elements related to the menus
4-Several of those blocks on the home page take up a lot of dom elements – the carousel, the personal Bible study section, the block at the bottom mentioning ‘go beyond etc’, (This is also where the deepest elements are)
“.

Is there a solution you have found for such problems with the Kadence theme? There are some issues with my configuration, which I can address like the home page design.

Thanks,
Patrick

[Bonn]

Bonn

#283014

Hi,

Currently, there is no built-in option for that.

But you can do this using code snippets.

You code would be like this:

add_filter('kadence_element_display', function( $display, $element, $meta ){
	$exclude_ids = array( PAGE_ID );
	$my_wp_query = new WP_Query();
	$all_wp_pages = $my_wp_query->query(array('post_type' => 'page'));
	$child_pages = get_page_children( PAGE_ID, $all_wp_pages );
	$child_ids = wp_list_pluck( $child_pages, 'ID' );
	$ids = array_merge( $exclude_ids, $child_ids );
	
	if ( in_array( get_the_ID(), $ids ) && $element->ID === 'ELEMENT_ID' ) {
		return false;
	}
	
	return $display;
}, 20, 3);

Just change the PAGE_ID to the correct page ID that you want to exclude.

You can add this code using the Code Snippets plugin: https://www.kadencewp.com/kadence-theme/knowledge-base/advanced/how-to-add-a-custom-filter-or-function-with-code-snippets/

​I hope this helps.

• This reply was modified 3 years, 1 month ago by Bonn.

[gpenelon]

gpenelon

#283010

Hello,
I am using Kadence blocks with kadence theme (with a simple child theme).
I putted an advanced gallery block but in slider or carousel mode the autoplay function doesn’t display any image sliding or change.
I tried it on another page but I have the same problem…
You can see it here :
*Login to see link
at the “Notre vision” point / chapter
May someone help me ?
Thank you !

• This topic was modified 3 years, 1 month ago by gpenelon. Reason: tags added
• This topic was modified 3 years, 1 month ago by gpenelon.

[gpenelon]

gpenelon

#283010

Hello,
I am using Kadence blocks with kadence theme (with a simple child theme).
I putted an advanced gallery block but in slider or carousel mode the autoplay function doesn’t display any image sliding or change.
I tried it on another page but I have the same problem…
You can see it here :
*Login to see link
at the “Notre vision” point / chapter
May someone help me ?
Thank you !

• This topic was modified 3 years, 1 month ago by gpenelon. Reason: tags added
• This topic was modified 3 years, 1 month ago by gpenelon.

[Karla]

Karla

#282979

Hi, Matt!

Just like what David said, you can use a plugin to add the scripts.

Here are some of our documentation posts too:

• https://www.kadencewp.com/kadence-theme/knowledge-base/general/adding-google-analytics/
• https://www.kadencewp.com/kadence-theme/knowledge-base/advanced/adding-google-tag-manager-with-a-child-theme-no-extra-plugin/

Let us know if we can help you further.

Kind regards,
Karla

[Karla]

Karla

#282883

Hi, Nic!

I’m sorry for the delay.

Amy’s correct, there is no built-in way to do that. If you override theme templates using a child theme, that can be a solution. However, for that level of customization, you might want to seek help from developers so they can help implement the customization for you.

Please let us know if we can assist you further with this.

Kind regards,
Karla

[Eze]

Eze

#282836

Hi @georges_lteif

Yes, if you use code to hide the sidebar on your website, it will still be parsed by the browser and affect the DOM size. This is because even though the sidebar is not visible on the page, it is still part of the HTML code and needs to be processed by the browser.

If you want to reduce the impact of the sidebar on your DOM size, you can remove it from the code altogether. One way to do this is by editing the WordPress template files directly.

We highly recommend that you use a child theme for overriding templates. This will ensure that any customization done will not get overwritten when you update the main/parent theme.

Learn more about child theme and how to install the Kadence Child Theme here: https://www.kadencewp.com/help-center/docs/kadence-theme/what-is-a-child-theme-should-i-install-one-if-so-how/

After installing and activating the Child theme, here are the steps to remove the sidebar:

1. Log in to your WordPress dashboard and navigate to Appearance > Theme File Editor.
2. Select the template file where the sidebar code is located (usually sidebar.php or similar).
3. Remove the code that generates the sidebar from the template file.
4. Update File.

I hope this helps! If you have any further questions or need additional assistance, please don’t hesitate to send them in.

Cheers,
Eze

[Amy P]

Amy P

#282741

Hmm. I am not sure there is a way to do that without a child theme and I don’t think you are using one. I bet someone has done it, though. Maybe you should post this as a new question?

[Eze]

Eze

#282622

Hi Judo,

We are sorry to hear that you are experiencing an issue with the child theme on your website.

I realize that your website is in maintenance mode, so I am unable to properly inspect and investigate the issue.

To better understand the problem, could you please provide us with more details about the issue you’re experiencing? This will help us determine the root cause of the problem and provide you with the appropriate solution.

Meanwhile, would you kindly confirm if you have removed the comment on your functions.php file for enqueuing the style.css file? Learn how to use a child theme here: https://www.kadencewp.com/kadence-theme/knowledge-base/advanced/what-is-a-child-theme-should-i-install-one-if-so-how/

If you have already removed the comment to enqueue your child theme’s style.css file, try to remove the version number from it and see if the styles will be properly applied. The function should be like this:

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

I hope this helps! Please let me know if you have any further questions or concerns.

Cheers,
Eze

[judo.dinamo]

judo.dinamo

#282608

He used the wonderful Kadense theme several times. And for the first time I meet such a problem.
When you activate a child theme, you do not work with any styles added to it.
Site: *Login to see link
What could be the problem?

[judo.dinamo]

judo.dinamo

#282608

He used the wonderful Kadense theme several times. And for the first time I meet such a problem.
When you activate a child theme, you do not work with any styles added to it.
Site: *Login to see link
What could be the problem?

[judo.dinamo]

judo.dinamo

#282606

He used the wonderful Kadense theme several times. And for the first time I meet such a problem.
When you activate a child theme, you do not work with any styles added to it.
Site: *Login to see link
What could be the problem?

[judo.dinamo]

judo.dinamo

#282606

He used the wonderful Kadense theme several times. And for the first time I meet such a problem.
When you activate a child theme, you do not work with any styles added to it.
Site: *Login to see link
What could be the problem?

[Joris]

Joris

#282575

Hello,

I’ve defined additional custom image sizes for my website via the function add_image_size() in my child theme. The additional sizes show in the admin interface because I’ve added them using the filter image_size_names_choose (*Login to see link

The additional custom image sizes also are available when using Kadence Blocks (e.g. Image Overlay, Post Grid/Carousel, Portfolio Grid/Carousel, Advanced Gallery, Advanced Image) but not when using a Row-block and selecting “Enable Dynamic Background Image” > Advanced > Image Size. Also, the Customizer doesn’t seem to support custom image sizes (not needed at this moment).

Is there a filter (or other solution) available so I can use custom image sizes for background images in a row block? Will this option be supported in the future?

Best, Joris

• This topic was modified 3 years, 2 months ago by Joris.

[Joris]

Joris

#282575

Hello,

I’ve defined additional custom image sizes for my website via the function add_image_size() in my child theme. The additional sizes show in the admin interface because I’ve added them using the filter image_size_names_choose (*Login to see link

The additional custom image sizes also are available when using Kadence Blocks (e.g. Image Overlay, Post Grid/Carousel, Portfolio Grid/Carousel, Advanced Gallery, Advanced Image) but not when using a Row-block and selecting “Enable Dynamic Background Image” > Advanced > Image Size. Also, the Customizer doesn’t seem to support custom image sizes (not needed at this moment).

Is there a filter (or other solution) available so I can use custom image sizes for background images in a row block? Will this option be supported in the future?

Best, Joris

• This topic was modified 3 years, 2 months ago by Joris.

[Daniel Wincott]

Daniel Wincott

#282571

Hi Hannah,
I think you may not understand my question.

When I used to use GeneratePress they used to use unsemantic framework under the hood.
This meant I could create custom child theme pages and html layouts.

I’m wanting to know if the is any documentation on best practices to create HTML/CSS rows, columns in pages.
I’m not talking about blocks or block templates, as I want to create custom loops and ACF content wrapped in HTML.

So, does Kandence use a framework, or just flex box and grid?

If so are there any cheatsheets or code snippets to help with this.

Maybe I have outgrown Kadence and need to use a Bootstrap or Tailwind theme for custom development?

Thanks

[Rafah Mehfooz]

Rafah Mehfooz

#282563

Hi,

I added following code in kadence-child theme’s functions.php and it helped to changed existing Kadence Theme Breakpoints. I didn’t have to modify any css files.
1. mobile changed from 767px -> 600px
2. tablet changed from 1024px -> 1279px
3. desktop changed from min 1025px -> min 1280px

// The mobile filter callback function.
function mobile_media_query_callback( $media_query ) {
    $media_query = '(max-width: 600px)';
    return $media_query;
}
add_filter( 'kadence_mobile_media_query', 'mobile_media_query_callback', 10, 3 );

// The tablet filter callback function.
function tablet_media_query_callback( $media_query ) {
    $media_query = '(max-width: 1279px)';
    return $media_query;
}
add_filter( 'kadence_tablet_media_query', 'tablet_media_query_callback', 10, 3 );

// The desktop filter callback function.
function desktop_media_query_callback( $media_query ) {
    $media_query = '(min-width: 1280px)';
    return $media_query;
}
add_filter( 'kadence_desktop_media_query', 'desktop_media_query_callback', 10, 3 );

• This reply was modified 3 years, 2 months ago by Rafah Mehfooz.

[Daniel Wincott]

Daniel Wincott

#282523

Can anyone help?

I’m wanting to create some child theme custom templates, is there any documentation or help regarding markup and classes to build the layouts.
I’m used to using Foundation & Tailwind, I don’t want to add extra bloat.
Is there a guide or cheat sheet of best practice the Kadence way?

Maybe I could build a page with blocks then export the HTML?

Any advice would be helpful.

Thanks

[Daniel Wincott]

Daniel Wincott

#282523

Can anyone help?

I’m wanting to create some child theme custom templates, is there any documentation or help regarding markup and classes to build the layouts.
I’m used to using Foundation & Tailwind, I don’t want to add extra bloat.
Is there a guide or cheat sheet of best practice the Kadence way?

Maybe I could build a page with blocks then export the HTML?

Any advice would be helpful.

Thanks

[Sachin Parambath]

Sachin Parambath

#282165

Hello Ben

Can you please help me to get an Author Box Feature on Pages (not the homepage) for this child theme *Login to see link

In Posts seen there is an option to show Author Box, but this feature is not available on pages
We want author box same as posts

Our site is *Login to see link

Thanks
Sachin

[Sachin Parambath]

Sachin Parambath

#282165

Hello Ben

Can you please help me to get an Author Box Feature on Pages (not the homepage) for this child theme *Login to see link

In Posts seen there is an option to show Author Box, but this feature is not available on pages
We want author box same as posts

Our site is *Login to see link

Thanks
Sachin

[Sachin Parambath]

Sachin Parambath

#282164

Hello Ben

Can you please help me to get an Author Box Feature on Pages (not the homepage) for this child theme https://www.kadencewp.com/kadence-theme/starters/affiliate-blog/

In Posts seen there is an option to show Author Box, but this feature is not available on pages
Our site is https://www.appcraver.com

Thanks
Sachin

[Joanna Laznicka]

Joanna Laznicka

#282123

ok, looking at the single-entry.php file, lines 61-68, I see:

	if ( 'post' === get_post_type() && kadence()->option( 'post_related' ) ) {
		get_template_part( 'template-parts/content/entry_related', get_post_type() );
	}
	// Show comments only when the post type supports it and when comments are open or at least one comment exists.
	if ( kadence()->show_comments() ) {
		comments_template();
	}

Is it as simple as switching these if statements? I already have a child theme, but I just want to make sure I’m making the right code edit. Thanks.

[Karla]

Karla

#282113

Hi, Joanna!

The position of the related post carousel and comments on the single posts pages do not have hook locations.

If you want to switch them, you will need to override the template and use a child theme. The file that you would like to look at is the single-entry.php file inside the \kadence\template-parts\content folder.

You may read this post regarding a child theme – https://www.kadencewp.com/kadence-theme/knowledge-base/advanced/what-is-a-child-theme-should-i-install-one-if-so-how/.

I hope this gave you an idea to achieve the layout you want. Please let us know if we can assist you further.

Kind regards,
Karla

[chitocamacho]

chitocamacho

#282004

Hi there,

If you are using Pinnacle Premium theme, go to Theme Options > Theme Extensions and enable the “Header and Footer Script output” option. After enabling it, go to Theme Options > Header and Footer Scripts and put your code in the Header Output field. Here’s a video: https://share.getcloudapp.com/z8ulggOj

If you use only the free Pinnacle theme, you’d need to use a child theme, copy the header.php file into your child theme, and put your code there.

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

Kind regards,
Chito