Search Results for 'child theme'

[B.H.]

B.H.

#287562

Yes, it’s a shame if that’s the reason. Kadence has a lot of useful features for me. Especially creating child themes and your own libraries via the cloud makes it very interesting. I also like the fact that it is based on the native Gutenberg blocks.
On the other hand, I also like that many competitors are currently focusing on IA. The result is usually limited to implementing texts in predefined templates. This does not cover the use case of customers with a high design focus.
Thanks for your input here.

[metahitbox]

metahitbox

#287552

I am using woocommerce and, in the kadence theme settings, I have checked the option to show avatars on the woo account dashboard.

Currently the avatar links to gravatar, but I need it it either link to nothing (not ideal) or a custom profile settings page (domain.com/profile – I’m using UsersWP).

Is this possible? I tried copying the file to a corresponding folder in my child theme but that doesn’t seem to work.

Some info:
I’m using a child theme called kadence-child
the gravatar link is in the file /inc/components/woocommerce/component.php

[metahitbox]

metahitbox

#287552

I am using woocommerce and, in the kadence theme settings, I have checked the option to show avatars on the woo account dashboard.

Currently the avatar links to gravatar, but I need it it either link to nothing (not ideal) or a custom profile settings page (domain.com/profile – I’m using UsersWP).

Is this possible? I tried copying the file to a corresponding folder in my child theme but that doesn’t seem to work.

Some info:
I’m using a child theme called kadence-child
the gravatar link is in the file /inc/components/woocommerce/component.php

[Karla]

Karla

#287434

Hi there!

“As per the plugin documentation (here) I have created the folder into wp-content/themes/kadence/job_manager and copied across the following templates…”

If you’re going to add or change any theme template, please use a child theme. The reason for that is because your changes will only be overwritten once you update to the latest version of the theme. Refer to our post here – https://www.kadencewp.com/help-center/docs/kadence-theme/what-is-a-child-theme-should-i-install-one-if-so-how/

This job posting uses our theme template – https://share.zight.com/d5u2w7K6. The “Careers” title will not show because it is already a single post page.

If you want to show an “Above Content” title layout, you can do so by going to Customize > Posts/Pages Layout > CPT Single Layout. It should look like this – https://share.zight.com/DOuJ20pg

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

Regards,
Karla

[fraserismith]

fraserismith

#287295

Is there a guide or a common procedure for hard-coding all the available customizer options in a child theme, other than writing a stylesheet which overwrites the settings?

The child theme is being developed internally for a single site. We have a pro Kadence licence. For various reasons, a number of editors need full Admin access on the site but they shouldn’t have the ability to change anything to do with the appearance of the site. I would like to lock down as many style options as possible in the child theme, then disable the ability for them to be changed from the Customizer.

I’ve already started writing the scss to overwrite everything, but if there’s a set of design tokens tucked away in the theme that I can just edit the json file, I’ve not found it yet.

I know I could have gone down the entirely bespoke theme route rather than a child of Kadence, but I like the speed and basic structure of Kadence a lot. I just want to set the colors, branding, typography etc in the theme, so they can’t be changed

[fraserismith]

fraserismith

#287295

Is there a guide or a common procedure for hard-coding all the available customizer options in a child theme, other than writing a stylesheet which overwrites the settings?

The child theme is being developed internally for a single site. We have a pro Kadence licence. For various reasons, a number of editors need full Admin access on the site but they shouldn’t have the ability to change anything to do with the appearance of the site. I would like to lock down as many style options as possible in the child theme, then disable the ability for them to be changed from the Customizer.

I’ve already started writing the scss to overwrite everything, but if there’s a set of design tokens tucked away in the theme that I can just edit the json file, I’ve not found it yet.

I know I could have gone down the entirely bespoke theme route rather than a child of Kadence, but I like the speed and basic structure of Kadence a lot. I just want to set the colors, branding, typography etc in the theme, so they can’t be changed

[Karla]

Karla

#287208

Hi there!

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

The Kadence theme doesn’t have the search.php file. The “Search Results” page also makes use of the archive.php file inside the template-parts/content folder.

On the other hand, should you do an override, you can add the search.php file to your child theme. This file should be used by the search results page – https://share.zight.com/mXuzB7py

Here’s a post about what a child theme is – https://www.kadencewp.com/help-center/docs/kadence-theme/what-is-a-child-theme-should-i-install-one-if-so-how/

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

Regards,
Karla

[teejayhidalgo]

teejayhidalgo

#287110

Hi Oleksandr,

Happy New Year!

I would love to help you. However, I would need more information from you. Do you have documentation of the JavaScript API you want to implement? This will include details on how to include the necessary scripts and how to use the API.

From what I understand, you would like to integrate a JavaScript-based API (Application Programming Interface) into the WordPress website.

When implementing a JavaScript API on a WordPress website, you’ll typically need to include the necessary JavaScript code in your theme files or through a plugin. This code interacts with the API endpoints, handles responses, and updates the content or functionality on the client side. However, we do not recommend editing the Theme files directly. You can try adding the JavaSript on a child theme or a code snippet plugin such as https://wordpress.org/plugins/code-snippets.

I hope this helps. If you have further questions, please let us know; we’ll be happy to help.

Best regards,
Teejay.

[pixsmiths.co.uk]

pixsmiths.co.uk

#286966

I have added Kadence blocks plugin to my Divi Child theme but I don’t see how to use it?
Do i need to diable Divi builder??

thanks for help

[linda-0763]

linda-0763

#286914

Hi Chito,

You are probably right, but isn’t Tribe their own build child theme? Anyway, the real question is if there is maybe somebody that knows a good freelancer. I reached out to some experts, i am looking forward to their answer.

[lockslucky]

lockslucky

#286862

hi there
i have the same problem… i download the zip file of the child theme from your website activate it and its not inherited the parent CSS and not the other customize setting(footer, header etc.) moreover i followed your instruction above unfortunately i dont see any import/export option in my customize sidebar under the “additional CSS” option.
any suggestions please?

[tranmanhkhuong1997]

tranmanhkhuong1997

#286746

Hi, the CSS code is below:

.product-template-default #inner-wrap {
    background-image: url(https://startertemplatecloud.com/g26/wp-content/uploads/sites/50/2021/09/zac-cain-jLzukAj_PhQ-unsplash.jpg);
}

You can add this code to one of these places:
1. your (child) theme > style.css
2. WordPress > Appearance > Customize > Additional CSS

You can change the link to your picture’s URL.

Hope this helps.

[chitocamacho]

chitocamacho

#286707

Hi Daniel,

1. You can use Loco Translate to translate strings in Kadence – more info here:
https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-translate-using-locotranslate/

I’m also able to hide the search title by disabling the “Show Search Results Title?” option — here’s a video: https://share.zight.com/04ud7z4n

Please check if you have the latest version of the Kadence theme.

If you’re overriding the search results page template via a child theme, the built-in option won’t work.

2. Yes, it’s not a normal WordPress page, hence the setting in the customizer is separate.

The below sample code will make the header in the search results page transparent.

add_filter( 'kadence_post_layout', function( $value ) {
    if ( is_search() ) {
        $value['transparent'] = 'enable';
    }
    return $value;
});

You can use it as an example/pattern for your custom codes.

3. Enqueue your CSS file for search results page by adding this sample code in your child theme’s functions.php file:

function search_results_custom_css() {
    if ( is_search() ) {
        wp_enqueue_style( 'child-theme', get_stylesheet_directory_uri() . '/search.css', array(), 100 );
    }
}
add_action( 'wp_enqueue_scripts', 'search_results_custom_css' );

Replace “search.css” in the code with your CSS file name.

See screenshot: https://share.zight.com/4guRkvm9

Upon checking the Kadence files, it does not seem to have its own search.php file. We use the archive loop to display relevant information about the searched string(s).

You can add custom codes in the functions.php file to style the search results page via a child theme.

Let me know if you need further assistance.

Best,
Chito

[Karla]

Karla

#286686

Hi, Christina!

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

“So we can’t just make changes to the stylesheet or functions file via FTP and have the site updated? We need to reimport the child theme each time?”

The stylesheets like CSS and functions.php file/code changes will be applied. But as previously mentioned, the changes for the color palette will not change the colors in the Customizer.

• The colors in the Customizer can be changed manually
• The color changes that you did on the functions.php file will only take effect on the succeeding child theme import that you’ll do.

“Do we change the customizer BEFORE creating the child theme? Is that how it works? Then all the customizer settings are saved into the theme files?”
Yes, that is correct.

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

Regards,
Karla

[chitocamacho]

chitocamacho

#286669

Hey Jim,

Thanks for the link to the page.

I inspected the menu, but the submenu items don’t have “current-menu-item” if the parent menu item is active.

I believe you have this custom CSS in your child theme which applies bold font weight:

#nav_menu-10 .collapse-sub-navigation #menu-nav_menu-10 .current-menu-item a {
    font-weight: bold;
}

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

Try to replace it with:

/* current parent menu item */
.current-menu-item .drawer-nav-drop-wrap a {
    font-weight: bold;
}
/* current parent menu item */
.sub-menu .current-menu-item a {
    font-weight: bold;
}

Here’s how it should work: https://share.zight.com/KouNve7R

Let me know if you need further assistance.

Best,
Chito

[tranmanhkhuong1997]

tranmanhkhuong1997

#286618

Hi everyone,

I’m using Kadence child theme, I’m editing Search Results page but I’m encountering some problems:

– My website is in Vietnamese, not English, but the title keeps showing in English “Search Results for: xyz”, and I cannot turn it off even with “Show Search Results Title?” turned off!
– I’m having 2 headers. One for homepage which is transparent, and one for the rest of pages with background color. Hence, I used PHP to add styles to pages except homepage to change elements’ styles. But it doesn’t apply to Search Results page, so it’s not a page?
– I want to add more CSS to result boxes, but I don’t want to add to style.css to add unnecessary weight to other pages.

So, I want to identify the file from Kadence theme to override it with child theme. But I cannot find where that file is, can someone help with this?

Many thanks in advanced!
Daniel.

• This topic was modified 2 years, 5 months ago by tranmanhkhuong1997. Reason: add break lines for ease of reading

[tranmanhkhuong1997]

tranmanhkhuong1997

#286618

Hi everyone,

I’m using Kadence child theme, I’m editing Search Results page but I’m encountering some problems:

– My website is in Vietnamese, not English, but the title keeps showing in English “Search Results for: xyz”, and I cannot turn it off even with “Show Search Results Title?” turned off!
– I’m having 2 headers. One for homepage which is transparent, and one for the rest of pages with background color. Hence, I used PHP to add styles to pages except homepage to change elements’ styles. But it doesn’t apply to Search Results page, so it’s not a page?
– I want to add more CSS to result boxes, but I don’t want to add to style.css to add unnecessary weight to other pages.

So, I want to identify the file from Kadence theme to override it with child theme. But I cannot find where that file is, can someone help with this?

Many thanks in advanced!
Daniel.

• This topic was modified 2 years, 5 months ago by tranmanhkhuong1997. Reason: add break lines for ease of reading

[Christina]

Christina

#286589

Do we change the customizer BEFORE creating the child theme? Is that how it works? Then all the customizer settings are saved into the theme files?

[Christina]

Christina

#286583

Thank you Karla! No, I didn’t re-apply the theme again, I didn’t realize we would need to do that. So we can’t just make changes to the stylesheet or functions file via FTP and have the site updated? We need to reimport the child theme each time?

• This reply was modified 2 years, 5 months ago by Christina.

[Karla]

Karla

#286554

Hi, Christina.

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

“So what is this code for and where do we go to actually change the default colors of the theme?”
The child theme generator will include this in the functions.php file so the colors will get imported once the user imports the child theme templates.

You mentioned, “I had assumed that to change the default color palettes, I would change the hex codes inside that code. But doing that made no difference whatsoever in the theme.“.

After changing the colors from the child theme functions.php file, did you import the child theme again? For your reference, this is how the user will import your child theme’s templates – https://www.youtube.com/watch?v=5qsPHrOd1qY&t=73s

On the other hand, if the website already has the content and you wish to change the theme’s global color palette selections, you can do so by going to Customize > Colors & Fonts > Colors > Global palette – https://share.zight.com/v1unwQBx

Here’s a post explaining about the palette’s colors – https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-use-the-kadence-theme-color-palette/

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

Regards,
karla

[Christina]

Christina

#286494

I am creating a custom child theme. The functions file that the child theme generator created had the following code in it:

/**
* Setup Child Theme Palettes
*
* @param string $palettes registered palette json.
* @return string
*/
function atht_theme_change_palette_defaults( $palettes ) {
$palettes = '{"palette":[{"color":"#2B6CB0","slug":"palette1","name":"Palette Color 1"},{"color":"#215387","slug":"palette2","name":"Palette Color 2"},{"color":"#1A202C","slug":"palette3","name":"Palette Color 3"},{"color":"#2D3748","slug":"palette4","name":"Palette Color 4"},{"color":"#4A5568","slug":"palette5","name":"Palette Color 5"},{"color":"#718096","slug":"palette6","name":"Palette Color 6"},{"color":"#EDF2F7","slug":"palette7","name":"Palette Color 7"},{"color":"#F7FAFC","slug":"palette8","name":"Palette Color 8"},{"color":"#ffffff","slug":"palette9","name":"Palette Color 9"}],"second-palette":[{"color":"#2B6CB0","slug":"palette1","name":"Palette Color 1"},{"color":"#215387","slug":"palette2","name":"Palette Color 2"},{"color":"#1A202C","slug":"palette3","name":"Palette Color 3"},{"color":"#2D3748","slug":"palette4","name":"Palette Color 4"},{"color":"#4A5568","slug":"palette5","name":"Palette Color 5"},{"color":"#718096","slug":"palette6","name":"Palette Color 6"},{"color":"#EDF2F7","slug":"palette7","name":"Palette Color 7"},{"color":"#F7FAFC","slug":"palette8","name":"Palette Color 8"},{"color":"#ffffff","slug":"palette9","name":"Palette Color 9"}],"third-palette":[{"color":"#2B6CB0","slug":"palette1","name":"Palette Color 1"},{"color":"#215387","slug":"palette2","name":"Palette Color 2"},{"color":"#1A202C","slug":"palette3","name":"Palette Color 3"},{"color":"#2D3748","slug":"palette4","name":"Palette Color 4"},{"color":"#4A5568","slug":"palette5","name":"Palette Color 5"},{"color":"#718096","slug":"palette6","name":"Palette Color 6"},{"color":"#EDF2F7","slug":"palette7","name":"Palette Color 7"},{"color":"#F7FAFC","slug":"palette8","name":"Palette Color 8"},{"color":"#ffffff","slug":"palette9","name":"Palette Color 9"}],"active":"palette"}';
return $palettes;
}
add_filter( 'kadence_global_palette_defaults', 'atht_theme_change_palette_defaults', 20 );

I had assumed that to change the default color palettes, I would change the hex codes inside that code. But doing that made no difference whatsoever in the theme. I don’t have any caching and the updated functions file is active on the site.

So what is this code for and where do we go to actually change the default colors of the theme?

[Christina]

Christina

#286494

I am creating a custom child theme. The functions file that the child theme generator created had the following code in it:

/**
* Setup Child Theme Palettes
*
* @param string $palettes registered palette json.
* @return string
*/
function atht_theme_change_palette_defaults( $palettes ) {
$palettes = '{"palette":[{"color":"#2B6CB0","slug":"palette1","name":"Palette Color 1"},{"color":"#215387","slug":"palette2","name":"Palette Color 2"},{"color":"#1A202C","slug":"palette3","name":"Palette Color 3"},{"color":"#2D3748","slug":"palette4","name":"Palette Color 4"},{"color":"#4A5568","slug":"palette5","name":"Palette Color 5"},{"color":"#718096","slug":"palette6","name":"Palette Color 6"},{"color":"#EDF2F7","slug":"palette7","name":"Palette Color 7"},{"color":"#F7FAFC","slug":"palette8","name":"Palette Color 8"},{"color":"#ffffff","slug":"palette9","name":"Palette Color 9"}],"second-palette":[{"color":"#2B6CB0","slug":"palette1","name":"Palette Color 1"},{"color":"#215387","slug":"palette2","name":"Palette Color 2"},{"color":"#1A202C","slug":"palette3","name":"Palette Color 3"},{"color":"#2D3748","slug":"palette4","name":"Palette Color 4"},{"color":"#4A5568","slug":"palette5","name":"Palette Color 5"},{"color":"#718096","slug":"palette6","name":"Palette Color 6"},{"color":"#EDF2F7","slug":"palette7","name":"Palette Color 7"},{"color":"#F7FAFC","slug":"palette8","name":"Palette Color 8"},{"color":"#ffffff","slug":"palette9","name":"Palette Color 9"}],"third-palette":[{"color":"#2B6CB0","slug":"palette1","name":"Palette Color 1"},{"color":"#215387","slug":"palette2","name":"Palette Color 2"},{"color":"#1A202C","slug":"palette3","name":"Palette Color 3"},{"color":"#2D3748","slug":"palette4","name":"Palette Color 4"},{"color":"#4A5568","slug":"palette5","name":"Palette Color 5"},{"color":"#718096","slug":"palette6","name":"Palette Color 6"},{"color":"#EDF2F7","slug":"palette7","name":"Palette Color 7"},{"color":"#F7FAFC","slug":"palette8","name":"Palette Color 8"},{"color":"#ffffff","slug":"palette9","name":"Palette Color 9"}],"active":"palette"}';
return $palettes;
}
add_filter( 'kadence_global_palette_defaults', 'atht_theme_change_palette_defaults', 20 );

I had assumed that to change the default color palettes, I would change the hex codes inside that code. But doing that made no difference whatsoever in the theme. I don’t have any caching and the updated functions file is active on the site.

So what is this code for and where do we go to actually change the default colors of the theme?

[gilberthernandez]

gilberthernandez

#286409

Hello Theoharis,

I think I understand what you want to do. However, I don’t see a filter to change the navigation links for the single posts, only to include the categories.

Instead, you must create a child theme and replace the wp-content\themes\kadence\template-parts\content\entry-attachment.php template. The code for the previous and next links are in the template.

[damian5000]

damian5000

#286394

Thanks again Karla. The problem I’m having now is accessing the template. How exactly do I find this template? I understand regarding child themes but I can’t find the template under Appearance>Edit.