Search Results for 'child theme'

[Karla]

Karla

#291584

Hi there!

Glad you reached out to us.

While we don’t have a block that can achieve your intended layout, you may add your vote on this feature request and comment additional information: Category List Block

A workaround is to add a shortcode like this:

function display_subcategories_grid($atts) {
    // Get the current category
    $current_category = get_queried_object();
    
    if (!$current_category || !isset($current_category->term_id)) {
        return ''; // No category found
    }

    // Get subcategories
    $subcategories = get_categories(array(
        'child_of' => $current_category->term_id,
        'hide_empty' => true,
    ));

    // If no subcategories, return a message
    if (empty($subcategories)) {
        return '<p>No subcategories found.</p>';
    }

    // Start output
    $output = '<div class="subcategory-grid">';
    foreach ($subcategories as $subcategory) {
        $output .= '<div class="subcategory-item">';
        $output .= '<a href="' . esc_url(get_category_link($subcategory->term_id)) . '">';
        $output .= esc_html($subcategory->name);
        $output .= '</a>';
        $output .= '</div>';
    }
    $output .= '</div>';

    // Add some basic CSS for grid layout
    $output .= '<style>
        .subcategory-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .subcategory-item {
            flex: 1 1 calc(33.333% - 10px); /* Adjust the width as needed */
            padding: 10px;
            background: #f1f1f1;
            border: 1px solid #ccc;
            text-align: center;
        }
        .subcategory-item a {
            text-decoration: none;
            color: #333;
        }
    </style>';

    return $output;
}

add_shortcode('subcategory_grid', 'display_subcategories_grid');

You’ll then add [subcategory_grid] to your archive template using a Shortcode block.

Note: this is a sample code only. Please take caution when adding it to your website. It’s better if you test it out on a test website.

Here’s our guide in adding PHP code snippets: How to add a custom filter or function with Code Snippets

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

[David Mardkha]

David Mardkha

#291503

I found a work around with CF7 with added code to my child theme functions.php. It would be nice if this was a future capability with the Kadence Form.

[rehan.arif]

rehan.arif

#291371

Hello,

I recently built a website using the Astra Child theme, but I am considering switching to the Kadence theme due to its lighter and faster performance. I have tested Kadence on other websites and have been impressed with its capabilities.

My main concern, however, is regarding my website, webzeto.com. I would like to know if anyone has experience with transitioning from Astra to Kadence, specifically in terms of compatibility, functionality, and overall performance. Are there any potential issues I should be aware of during this switch?

Thank you for your insights!

Best regards,
Rehan Riz

[rehan.arif]

rehan.arif

#291371

Hello,

I recently built a website using the Astra Child theme, but I am considering switching to the Kadence theme due to its lighter and faster performance. I have tested Kadence on other websites and have been impressed with its capabilities.

My main concern, however, is regarding my website, webzeto.com. I would like to know if anyone has experience with transitioning from Astra to Kadence, specifically in terms of compatibility, functionality, and overall performance. Are there any potential issues I should be aware of during this switch?

Thank you for your insights!

Best regards,
Rehan Riz

[Eze]

Eze

#291239

Hi there,

Glad you reached out, happy to help.

I’m using PHP 8.1.1 and was unable to replicate the issue on my end. However, it appears that the problem might be related to how your child theme is set up.

Here are a few troubleshooting steps to guide you:

Ensure Proper Enqueuing of Styles:
In your child theme’s functions.php file, make sure the child stylesheet is enqueued properly. Here’s the code you can use:
Here are some troubleshooting steps:
1. Ensure Proper Enqueuing of Styles: In the child theme’s functions.php file, make sure both the parent and child stylesheets are enqueued correctly. Here’s the code that should be included:

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' );

Learn more here:
https://www.kadencewp.com/help-center/docs/kadence-theme/what-is-a-child-theme-should-i-install-one-if-so-how/

2. Check the style.css File: Ensure that the child theme’s style.css file exists in the root directory of the child theme. You can also check from your dashboard. Here is a screencast for your reference:
https://share.zight.com/lluA2qdB

See more troubleshooting steps here: https://www.kadencewp.com/blog/how-to-troubleshoot-your-website/

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

Cheers,
Eze

[Bytegold]

Bytegold

#291101

Hi,

I’m failing to get the advanced query loop filters to work on two different wordpress installations.

Environment summary

WordPress and plugins are all up-to-date
Trying to query a custom post type and use custom taxonomies as filter options
Custom post type and taxonomies created via ACF Pro
No caching plugins
We do use a child theme that loads minimal custom styles, but does not implement any hooks, actions, filters, or JS related stuff – even if we switch to plain Kadence Theme the behavior is exactly the same as described below

Observerd behavior

Outer query loop on custom post type works
I visually see the list of all related posts… like if no filter is selected
No matter which filter I then choose, there is no change in results – I always receive the same list like no filter is selected… even though the URL changes and the active filters are checked
Sort order drop-down works as expected

Any help would be appreciated. Happy to give any more info and help debugging.

• This topic was modified 1 year, 8 months ago by Karla. Reason: removed auth details

[Bytegold]

Bytegold

#291101

Hi,

I’m failing to get the advanced query loop filters to work on two different wordpress installations.

Environment summary

WordPress and plugins are all up-to-date
Trying to query a custom post type and use custom taxonomies as filter options
Custom post type and taxonomies created via ACF Pro
No caching plugins
We do use a child theme that loads minimal custom styles, but does not implement any hooks, actions, filters, or JS related stuff – even if we switch to plain Kadence Theme the behavior is exactly the same as described below

Observerd behavior

Outer query loop on custom post type works
I visually see the list of all related posts… like if no filter is selected
No matter which filter I then choose, there is no change in results – I always receive the same list like no filter is selected… even though the URL changes and the active filters are checked
Sort order drop-down works as expected

Any help would be appreciated. Happy to give any more info and help debugging.

• This topic was modified 1 year, 8 months ago by Karla. Reason: removed auth details

[Thomas]

Thomas

#291023

Unfortunately, this does not work. I changed the image URL and tried this code in the child theme function.php and via the suggested plugin. But it does not change anything…

[Thomas]

Thomas

#290993

Isn’t it possible just to copy the php code from that function from the older kadence themes? It was already there, so can’t I just use this in the child themes function php?

[Thomas]

Thomas

#290969

Hi, I need this too for a current project. I used this feature in the older Kadence Themes. Can you please provide a code for a Kadence Child Theme to add this as workaround?

Thanks! 🙂

[ekk]

ekk

#290954

Hello.
Is it possible to add code to the Kadence child theme so that at any screen resolution the main menu appears mobile (hamburger)?
Thank you.

[ekk]

ekk

#290954

Hello.
Is it possible to add code to the Kadence child theme so that at any screen resolution the main menu appears mobile (hamburger)?
Thank you.

[Karla]

Karla

#290815

Hi, Christina!

While you’re on the demo site and creating your templates, you should be using the main Kadence theme.

The Child Theme Builder plugin will be the one to generate the child theme folder. If you need to add those images inside the child theme, you can unzip the generated child theme, add the images and ZIP it again.

These images will also exist on your other users’ websites once they install your child theme folder.

Could you tell me what layout are you achieving with the pseudo classes? I’d like to check and assess if you can achieve it with the Kadence Blocks so you don’t need to add images manually.

[Christina]

Christina

#290790

Yes, I will be using the child theme builder. The documentation doesn’t cover what I’m looking for.

I need to add images to the theme as backgrounds or pseudo elements for certain sections via CSS. The proper way to do that with every other theme is to upload it to the images folder of the theme, and not upload it to the WP media library.

When I want to do that with Kadence before I create the child theme, where do I put those images? If I put them in the Kadence folder /assets/images and then create the child theme with the child theme builder, will these images get copied over?

[Karla]

Karla

#290785

Hi, Christina!

Are you using the Kadence Child Theme Builder plugin? You can find our overview here – Introducing Kadence Child Theme Builder For WordPress – Package & Sell Your Expertise!

If you are, an XML file of your contents will be available inside your child theme and once your users import your templates, the images will be imported too.

If you’re not using this plugin, could you describe in more detail how you’re building your child theme? If you’re referencing images that are uploaded to the website, those images will need to be available on the other website too. You might need to include those images manually in your child theme to ensure that they will not go missing.

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

Regards,
Karla

[Christina]

Christina

#290767

Thank you Michael, I see now that the images folder is under Kadence/Assets. I overlooked it before.

I am a developer, so I know how images in themes should work, I am just new to Kadence, which is pretty different from anything else out there.

So once this theme is ready, I can use the child theme creator and the images will copy over to the child theme? That’s the really important part here.

[Christina]

Christina

#290751

I’m creating a theme locally that I’ll turn into a child theme and then install on the client’s site. How do I add images to the theme for use in CSS? I have some branding that I’m using in backgrounds and pseudos. But there is no Images folder to upload them to and of course I don’t want to add them through the media library and then code them into the theme.

What are we supposed to do in this situation?

[Christina]

Christina

#290751

I’m creating a theme locally that I’ll turn into a child theme and then install on the client’s site. How do I add images to the theme for use in CSS? I have some branding that I’m using in backgrounds and pseudos. But there is no Images folder to upload them to and of course I don’t want to add them through the media library and then code them into the theme.

What are we supposed to do in this situation?

[Fraser Smith]

Fraser Smith

#290619

We recently switched our site over to a child theme based on Kadence. It makes extensive use of Kadence Elements to replace header and footer and a few other parts of the page and works perfectly, with one edge-case exception.

Shortly after we switched themes, one of our writers pointed out that while they are working on an article, if they preview it, none of the Kadence Elements parts appear on the page. I managed to convince them this was never going to be an issue once the article publishes and everyone was happy.

However, we we sometimes create sponsored articles and need to have them approved by the sponsor before they are published. For the purpose of sending them public previews, we make use of the public post preview plugin.

However, we’ve just tried to generate a preview link for the first time since we switched to Kadence and realised that the elements aren’t showing up here either. There’s obviously something about the way that Kadence Elements hook in to the page, at least as I have it configured, which only works on live pages. Can you suggest a workaround to this issue?

[Fraser Smith]

Fraser Smith

#290619

We recently switched our site over to a child theme based on Kadence. It makes extensive use of Kadence Elements to replace header and footer and a few other parts of the page and works perfectly, with one edge-case exception.

Shortly after we switched themes, one of our writers pointed out that while they are working on an article, if they preview it, none of the Kadence Elements parts appear on the page. I managed to convince them this was never going to be an issue once the article publishes and everyone was happy.

However, we we sometimes create sponsored articles and need to have them approved by the sponsor before they are published. For the purpose of sending them public previews, we make use of the public post preview plugin.

However, we’ve just tried to generate a preview link for the first time since we switched to Kadence and realised that the elements aren’t showing up here either. There’s obviously something about the way that Kadence Elements hook in to the page, at least as I have it configured, which only works on live pages. Can you suggest a workaround to this issue?

[Dianna Cheng]

Dianna Cheng

#290509

I have yet to get a reply on this so I had to move on, I achieved what I wanted by uploading the SVGs to my assets folder in my child theme directory. Would have been nice not to do this however, so if anyone from the Kadence team sees this, please do update so I know for future development work.

[chitocamacho]

chitocamacho

#290242

Hey Kat,

Thanks for the link to the page.

You have this code that’s not from the Kadence theme:

p {
    padding-bottom: 20px;
    line-height: 120% !important;
}

See screenshot: https://share.zight.com/Wnu8p6eo

Please check if you have added that code somewhere. The possible places where you can add custom codes are in:
* Customizer > Additional CSS
* Appearance > Theme File Editor (if you’re using a child theme)
* A third-party plugin setting

If you can’t find that code, it might be from a third-party plugin’s style.

Please let me know how it goes.

Best,
Chito

[Pavel]

Pavel

#290195

This reply has been marked as private.

[katepickle]

katepickle

#290173

Hi,

I am having an issue with headings not picking up the link styling and I can’t figure out why.

You can see an example here – *Login to see link (scroll to the bottom and the text that says ’45 Fabulous Birthday Party Games for Kids’ is a link)

Using an advanced text block, or a regular heading block, neither show the link styling (text should be blue and underlined) but they do show the link hover styling. Am I missing a setting somewhere in the theme customisation, or could something else be interfering?

Thanks

Kate

[katepickle]

katepickle

#290173

Hi,

I am having an issue with headings not picking up the link styling and I can’t figure out why.

You can see an example here – *Login to see link (scroll to the bottom and the text that says ’45 Fabulous Birthday Party Games for Kids’ is a link)

Using an advanced text block, or a regular heading block, neither show the link styling (text should be blue and underlined) but they do show the link hover styling. Am I missing a setting somewhere in the theme customisation, or could something else be interfering?

Thanks

Kate

[webmaster-0602]

webmaster-0602

#289081

I’ve added a hand-coded header to my child theme with a replacement base.php file. I’ve removed the unneeded styles and scripts using a modified snippet found on the forum.

function custom_dequeue_styles() {
wp_dequeue_style('kadence-header');
wp_dequeue_script('kadence-navigation');
wp_deregister_script('kadence-navigation');
}
add_action( 'wp_enqueue_scripts', 'custom_dequeue_styles', 160 );

This removes the header.min.css file link from the <head>, and the navigation scripts at the end of the <body>. However, the header.min.css file now loads at the end of the <body>?!? It didn’t appear there before the snippet, only in the head. How do I disable it completely?

[webmaster-0602]

webmaster-0602

#289081

I’ve added a hand-coded header to my child theme with a replacement base.php file. I’ve removed the unneeded styles and scripts using a modified snippet found on the forum.

function custom_dequeue_styles() {
wp_dequeue_style('kadence-header');
wp_dequeue_script('kadence-navigation');
wp_deregister_script('kadence-navigation');
}
add_action( 'wp_enqueue_scripts', 'custom_dequeue_styles', 160 );

This removes the header.min.css file link from the <head>, and the navigation scripts at the end of the <body>. However, the header.min.css file now loads at the end of the <body>?!? It didn’t appear there before the snippet, only in the head. How do I disable it completely?