Search Results for 'page+'

[chitocamacho]

chitocamacho

#286757

Hey Gabs,

For the archive pages, do you mean two columns per row on mobile? There’s no built-in setting for this, but we can achieve it using a custom CSS.

Also, is this for blog archive pages? If so, you can use this custom CSS:

@media screen and (max-width: 767px){
    .blog #archive-container,
    .archive.category #archive-container{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

As for the Post Grid/Carousel block, do you mean you want to display only 3 blog posts for mobile view? You can have two Post Grid/Carousel blocks for desktop (with 8 posts) and mobile (with 3 posts), separate them using Row Layout and control the visibility via the Visibility Settings.

Let me know if you need further assistance.

Best,
Chito

[Eze]

Eze

#286735

Hi Tim,

Thank you for reaching out.

I was able to change the same page title background image from the theme Customizer > Posts/Pages Layout > Page Layout > DESIGN tab > Page Title Background. Here is a screencast for your reference:
https://share.getcloudapp.com/7Kun4w94

Try clearing your website and browser cache and again select a page title background image:

If you have WooCommerce installed, to troubleshoot this, try selecting a title background image from the theme Customizer > WooCommerce > Product Catalog > DESIGN tab > Archive Title Background. Here is a screencast for your reference:
https://share.getcloudapp.com/p9uBR4D2

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

Cheers,
Eze

[Gilbert C]

Gilbert C

#286728

Instead I’m talking about assigning layouts based on categories, and changing layouts of content without having to manually manipulate or build template files

In some cases templates (and template parts) are required.
Being able to modify the design of the template without having to do it on a post per post basis is essential.

Say I have a page model : the layout is composed of a various number of blocks arranged in a unique and specific way.
I have 100 pages based on the exact same layout.
What they share is the template, in essence.

I want to be able to globally change the design of a block in the layout (for instance, a specific title’s margins) without having to go through all pages. Page per page or post per post is not relevant here, unless you want to turn a 3 minutes job into an absurd full day boring-to-death job.

Now, this need may not arise for small businesses/5 pages/websites, indeed, but what about larger sites who have needs for templates ?

How do you do that with Kadence ? With the FSE template editor, it is as easy as pie.
Kadence’s options are very limited in that respect.
You can still code it, of course.

I would call it a missing must-have feature.
We need the best of both worlds.
Or have I missed something ?

• This reply was modified 2 years, 4 months ago by Gilbert C. Reason: spelling mistake

[thecreativelydesigned]

thecreativelydesigned

#286725

How do i make the product images on the product archive page clickable & link to the single product page?

Currently on the product title is clickable.

[thecreativelydesigned]

thecreativelydesigned

#286725

How do i make the product images on the product archive page clickable & link to the single product page?

Currently on the product title is clickable.

[Colin]

Colin

#286724

Hi
I want to have a couple of pages on a site with a different look. I can’t seem to find the right CSS to call for a different content background color on these pages. Can you help? I’m sure it’s simple but I can’t seem to find the answer.
Thanks.

[Colin]

Colin

#286724

Hi
I want to have a couple of pages on a site with a different look. I can’t seem to find the right CSS to call for a different content background color on these pages. Can you help? I’m sure it’s simple but I can’t seem to find the answer.
Thanks.

[pperkusic]

pperkusic

#286723

I’ve found another solution. I will create a main Privacy Policy page and set it up in the WordPress privacy settings. On this page, I’ll include links leading to individual Privacy pages for each region. This way, I can implement step 4 (https://www.kadencewp.com/help-center/docs/kadence-blocks/adding-privacy-policy-link-to-kadence-form/) by adding {privacy_policy} placeholder in the “Field Label” field for the contact form.

[pannausstudio.com]

pannausstudio.com

#286719

Hi guys,
so I am having a weird issue with the product page on my Print Shop e-commerce starter template from Kadence.
As you can see, i have a pretty big white space right under the gallery images. This does not happen if no gallery images are added.

Checking the html, i can see that the div itself has a style tag open that states height:1496px but i have no idea of where this comes from.
I am using chrome and on edge it still shows like that. While a friend using chrome does not see the white space.

Any help?
Thanks!

[pannausstudio.com]

pannausstudio.com

#286719

Hi guys,
so I am having a weird issue with the product page on my Print Shop e-commerce starter template from Kadence.
As you can see, i have a pretty big white space right under the gallery images. This does not happen if no gallery images are added.

Checking the html, i can see that the div itself has a style tag open that states height:1496px but i have no idea of where this comes from.
I am using chrome and on edge it still shows like that. While a friend using chrome does not see the white space.

Any help?
Thanks!

[pperkusic]

pperkusic

#286717

Hi Kadence Team,

Regarding the addition of a Privacy Policy link to the Kadence Form, as described here: *Login to see link

Is there a way (in step 4) to replace the {privacy_policy} placeholder in the “Field Label” field with a specific link? I’m aware that there is an option described in step 3, but I prefer to have the link at the end of the sentence rather than appearing above the text.

The reason is that I’ve created multiple forms for each region using the Complianz plugin, so I have five privacy policy documents (AU, CA, EU, UK, US). The page *Login to see link explains how to redirect policies based on the region by adding a specific link.

Therefore, if I use {privacy_policy} in the “Field Label” field, it will always open the Privacy Policy set in the WordPress privacy settings for everyone. I would like the Privacy Policy to open based on the specific region from which a user accesses my website and I can achieve that only by adding the specific link as described in the Complianz tutorial.

Thanks,

Petar

[pperkusic]

pperkusic

#286717

Hi Kadence Team,

Regarding the addition of a Privacy Policy link to the Kadence Form, as described here: *Login to see link

Is there a way (in step 4) to replace the {privacy_policy} placeholder in the “Field Label” field with a specific link? I’m aware that there is an option described in step 3, but I prefer to have the link at the end of the sentence rather than appearing above the text.

The reason is that I’ve created multiple forms for each region using the Complianz plugin, so I have five privacy policy documents (AU, CA, EU, UK, US). The page *Login to see link explains how to redirect policies based on the region by adding a specific link.

Therefore, if I use {privacy_policy} in the “Field Label” field, it will always open the Privacy Policy set in the WordPress privacy settings for everyone. I would like the Privacy Policy to open based on the specific region from which a user accesses my website and I can achieve that only by adding the specific link as described in the Complianz tutorial.

Thanks,

Petar

[Gabs]

Gabs

#286713

in Archive, is there a way to show two rows on mobile instead of one?
also, using the Post Grid/Carousel on a page, I am showing 8 posts in desktop, but I want to display only 3 on mobile is there a way to accomplish that?

[Gabs]

Gabs

#286713

in Archive, is there a way to show two rows on mobile instead of one?
also, using the Post Grid/Carousel on a page, I am showing 8 posts in desktop, but I want to display only 3 on mobile is there a way to accomplish that?

[tim.birkmann211]

tim.birkmann211

#286711

Hello everyone 🙂

On one of my websites, the title is not being displayed. In the Kadence editor, I’ve set both the “global” and “local” page settings to display the title, but unfortunately, it’s not working.

Can anyone explain why this might be happening?

Thank you for your answers and best regards,
Tim

[tim.birkmann211]

tim.birkmann211

#286711

Hello everyone 🙂

On one of my websites, the title is not being displayed. In the Kadence editor, I’ve set both the “global” and “local” page settings to display the title, but unfortunately, it’s not working.

Can anyone explain why this might be happening?

Thank you for your answers and best regards,
Tim

[tim.birkmann211]

tim.birkmann211

#286710

Hello everyone 😉

I’m having an issue with one of my websites where I can’t change the background image of the title banner. This is the case neither through the classic “Customize” functions of the Kadence editor, nor through any other functions.

When I go to the “global” customizer and edit the “Page Title Background” settings, it shows that no background image is set. However, when I try to set a new background image, I can click on “Select Image” as many times as I want, but nothing happens.

The image comes from a theme template that integrated a WooCommerce shop, so I suspect that something was done with CSS.

Page link:
*Login to see link

I’ve attached the relevant images for you.
I would really appreciate some feedback.

Wishing you all a wonderful pre-Christmas season and best regards,
Tim

[tim.birkmann211]

tim.birkmann211

#286710

Hello everyone 😉

I’m having an issue with one of my websites where I can’t change the background image of the title banner. This is the case neither through the classic “Customize” functions of the Kadence editor, nor through any other functions.

When I go to the “global” customizer and edit the “Page Title Background” settings, it shows that no background image is set. However, when I try to set a new background image, I can click on “Select Image” as many times as I want, but nothing happens.

The image comes from a theme template that integrated a WooCommerce shop, so I suspect that something was done with CSS.

Page link:
*Login to see link

I’ve attached the relevant images for you.
I would really appreciate some feedback.

Wishing you all a wonderful pre-Christmas season and best regards,
Tim

[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

[architabasandrai]

architabasandrai

#286706

Hi Dillon,

Can you share the screen recording of the issue so we can replicate it on our end?

I would appreciate it if you could send us the website URL/Page URL. You can use apps like Zight or Loom to record your screen or capture screenshots of the issue and easily share the links with us.

You can post using “set as private reply”.

Best Regards,
Archita

[msmith]

msmith

#286698

Hi @Chito,

Thank you, that worked!

I changed the Page Layout > Content Style to “Unboxed” (previously I had it set to the default, “Boxed”). In the individual Page Settings, I have the Content Style as “Default” so it inherits the global setting of “Unboxed”.

The transparent header is working beautifully now. I no longer need to add any negative CSS top margins anymore.

Thanks so much Chito!

• This reply was modified 2 years, 4 months ago by msmith.

[chitocamacho]

chitocamacho

#286696

Hi LeAnna,

You will need the pre-release version of the Kadence Blocks plugin (version 3.2.8). If you’d also like to explore the Kadence Blocks Pro with AI, download the pre-release version (2.2.1). You can find those versions in the Product Downloads page:
https://www.kadencewp.com/my-account/my-api-downloads/

To test them out, edit a page via the page editor and click the Design Library button at the top of the editor.

Please note that the pre-release versions are not yet stable, and we don’t recommend testing them out on a live site. You can create a staging site and test it there.

Let us know how we can assist further.

Best,
Chito

[chitocamacho]

chitocamacho

#286695

Hi there,

Thanks for writing in.

I checked the website you referenced, but it’s not using the Kadence theme.

Navigation and Layout
This depends on your requirements and design. If we can see the wireframe, perhaps we can give advice or suggestions.

Some websites provide short menu labels and quite a few links on the header and footer for easy navigation.

To enhance the header menu, you can create Kadence mega menu:
https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-create-a-mega-multicolumn-menu/

Mobile Responsiveness
The Kadence theme and Kadence Blocks have options to adjust the settings for desktop, tablet, and mobile. See example of a responsive setting: https://share.zight.com/X6ungn7l

Typography and Readability
In my above screenshot, you can adjust the font sizes for based font and heading in Customizer > Colors & Fonts > Typography.

Using a large font size (e.g., 90px) would have an issue with responsiveness. You can test out different font sizes and check them for desktop, tablet, and mobile. Here’s a guide: https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-preview-the-mobile-version-of-your-site-on-desktop/

The recommended font size for mobile is at least 16px.

Performance Optimization
There’s no built-in functions in Kadence to optimize a website. The Kadence theme is lightweight and already incredibly fast.

We have an article about website optimization you can refer to:
https://www.kadencewp.com/need-for-speed/

It’s also important to have a good hosting. Though the page load speed also depends on how you build a page and the plugins you use. You may also want to make sure you use minimal blocks so you can prevent having a large DOM size, which also affects the page load speed.

Let us know how we can assist further.

Best,
Chito

[thedetoureffect]

thedetoureffect

#286692

Cool, thanks Karla! Now I understand what you mean by height. The result is not exactly what I was picturing in terms of “zooming in” on the subject of the picture, but that’s probably not doable and adjusting the height made it look better anyway so that works. It still looks funky on the archive page or in any post grid carousels that include this post, but it looks better on the individual post page itself.

That code will probably come in handy on future posts too, I appreciate your help!

[chitocamacho]

chitocamacho

#286672

Hi there,

It works as expected on my test site — here’s a video for reference: https://share.zight.com/NQu52v24

Perhaps, the elements that you are trying to display horizontally can’t fit in one line.

Can you please send me a screen recording to see the issue clearly? Also, please provide the link to the page in question.

Best,
Chito

[chitocamacho]

chitocamacho

#286670

Hi Debbie,

Apologies for the long wait for our response.

Are you using the Kadence Form or the Form (Adv) block?

The “Item is required” error usually indicates that there’s a hidden field that users accidentally added. Here’s how it looks on the Form block — https://share.zight.com/NQu52vWN. To delete a hidden field, choose other field type so you can remove it.

If that’s not the case, can you please provide a link to the page, so I can check it for you?

Best,
Chito

[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