Search Results for 'sidebar'

[larevuejcg1]

larevuejcg1

#294798

Hey!

Thank you for your reply. I investigated on my own, and it turns out that the problem comes from an option in the ‘Perfmatters’ plugin.

The option in question is: ‘Remove Comment URLs: Removes the WordPress comment author link and website field from blog posts.’

When this option is checked with the Kadence 1.3.1 theme, it puts the sidebar below the article.

[larevuejcg1]

larevuejcg1

#294785

Hello !

As stated in the title, the sidebar on articles has been displaying below the article since version 1.3.1. I have temporarily reverted to version 1.3.0 to resolve the issue.

[larevuejcg1]

larevuejcg1

#294785

Hello !

As stated in the title, the sidebar on articles has been displaying below the article since version 1.3.1. I have temporarily reverted to version 1.3.0 to resolve the issue.

[tao.alice.sheng]

tao.alice.sheng

#294697

The codes work for both the sidebar for my CPT and the default post

• This reply was modified 8 months, 2 weeks ago by tao.alice.sheng.

[tao.alice.sheng]

tao.alice.sheng

#294696

I have the same issue; it is the section for my custom post, and I used sidebar-2 for this section.
I tried multiple Additional CSS, but it still does not work.
The page I need support with is https://findchinatour.com/scenic_spots/
The filter is used and correctly set: I enabled “Sidebar on top” in the settings, so the filters should move above the posts on mobile. The filter is collapsed (as expected), but it still appears at the bottom of the page instead of the top.

[architabasandrai]

architabasandrai

#294531

Hi @danielmartinhq

Welcome to Kadence Support.

Kadence Blocks Pro doesn’t currently offer a built-in zoom-on-hover effect for the Info Box block, but you can easily achieve this using a small bit of custom CSS.

Add a Custom Class to Your Info Boxes

• Edit your page/post in the Block Editor.
• Select the Info Box block.
• In the right sidebar (Block settings), scroll to the Advanced section.
• Add a custom class, for example: zoom-hover. Check the screencast for reference: https://share.zight.com/E0uvqZzk

Add This Custom CSS: https://www.kadencewp.com/help-center/docs/kadence-theme/how-do-i-add-custom-css/

• Go to Appearance > Customize > Additional CSS and paste:

.zoom-hover {
  transition: transform 0.3s ease;
}

.zoom-hover:hover {
  transform: scale(1.05);
}

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

Best Regards,
Archita

[chitocamacho]

chitocamacho

#294164

Hi there,

Kindly remove the background color you applied to the Row Layout or set it to transparent. Then, remove the box shadow in the Row Layout and apply it to the section instead.

Here’s how it should look on the frontend: https://share.zight.com/X6uLZlWK

If you want to apply a background color, apply it to the section instead.

Also, the element positioned above the grid is contained the hero container, which can be adjusted in the customizer setting. Additionally, the Row Layout within the hero section isn’t set to Full Width.

Setting a Row Layout to Full Width allows it to extend beyond the container’s max width. However, this may not always work as expected—especially when using a sidebar layout—due to the HTML structure and applied styles.

Let us know if you need further assistance.

Best,
Chito

[chitocamacho]

chitocamacho

#294157

Hi Ivo,

Thanks for writing in.

You can choose either the “After All Content” or “Before Footer” placement options—both will produce the same result. Here’s an example for reference: https://share.zight.com/6qupjmQA

Within the hooked element, use a Row Layout block, set it to full width, and enable the “Inherit Max Width from Theme?” option. This ensures the content aligns properly with the content area and sidebar.

Let me know if you need further assistance.

Best,
Chito

[apowazniak]

apowazniak

#294156

I used this code

@media (ancho máximo: 1024px) {
.área-de-contenido {
display: flex;
}
.contenedor de contenido {
display: flex;
flex-wrap: envolver;
dirección flexible: columna inversa;
}
.barra lateral primaria {
ancho: 100%;
}
}

But it breaks pages without a sidebar. Is there a way to apply it only to WooCommerce-related pages and products?

[ivofuykschot]

ivofuykschot

#294150

Hi,

What’s the best way to add a boxed content section below the Woocommerce Product Archive grid (and below the sidebar) on the WooCommerce /shop page in Kadence, using Hooked Elements?

I’ve tried all available placements for the hooked element in Elements Settings, but it either show up on the left side in the sidebar, on right side under the Woocommerce product archive, or above the footer but in full-width.

But I want to place it centered, under the left sidebar and right Woocommerce Product Archive, and above the footer.

I managed to add a boxed content section above the product grid and sidebar by using Placement: “Above content hero title: ARCHIVE: Above title content”

Now I want to have the same kind of block below the product grid and sidebar (above the footer) too. Centered and boxed, just like the one at the top.

Here is a link to my /shop page where you can see the /shop page with Hooked Element centered above product archive and sidebar. *Login to see link

I want the same below product archive and sidebar. How to do this? Can I create a custom hook? Or should it be done with custom ccs?

I’m not a developer or webdesigner, just a small business owner that likes to make his own websites. I would appreciate any help. Already spent half a day trying, but couldn’t figure it out.

Best regards,
Ivo

[ivofuykschot]

ivofuykschot

#294150

Hi,

What’s the best way to add a boxed content section below the Woocommerce Product Archive grid (and below the sidebar) on the WooCommerce /shop page in Kadence, using Hooked Elements?

I’ve tried all available placements for the hooked element in Elements Settings, but it either show up on the left side in the sidebar, on right side under the Woocommerce product archive, or above the footer but in full-width.

But I want to place it centered, under the left sidebar and right Woocommerce Product Archive, and above the footer.

I managed to add a boxed content section above the product grid and sidebar by using Placement: “Above content hero title: ARCHIVE: Above title content”

Now I want to have the same kind of block below the product grid and sidebar (above the footer) too. Centered and boxed, just like the one at the top.

Here is a link to my /shop page where you can see the /shop page with Hooked Element centered above product archive and sidebar. *Login to see link

I want the same below product archive and sidebar. How to do this? Can I create a custom hook? Or should it be done with custom ccs?

I’m not a developer or webdesigner, just a small business owner that likes to make his own websites. I would appreciate any help. Already spent half a day trying, but couldn’t figure it out.

Best regards,
Ivo

[rockhub167]

rockhub167

#294029

Hi @kyd,

Glad you’re trying out Kadence! If disabling the page title isn’t working through the page settings:

-> Make sure you’re using the Kadence Page Settings (usually in the right sidebar of the editor).
-> Sometimes the title is part of the template—try switching to the “Blank” or “Landing” template under Page Attributes.
-> Also double-check if a page builder or block (like a Heading block) is manually showing a title.

Clearing the cache was a good step—also try refreshing with Ctrl+Shift+R just in case. Let us know if it’s still stuck!

[chitocamacho]

chitocamacho

#293973

Hello,

Thanks for writing in.

Kadence Blocks doesn’t always register its block content as translatable strings in Polylang by default. Kadence Blocks store content as part of the page/post content (in Gutenberg format), and do not register translatable strings, so they won’t appear in the Strings Translation area.

To translate content created with Kadence Blocks, use Polylang’s recommended workflow for posts/pages:

1. Go to the Page/Post in the Editor
– Edit the original page or post built with Kadence Blocks.

2. Use the Polylang Language Metabox
– In the right sidebar, locate the Language section.
– Click the “+” icon next to the language (e.g., Hungarian) to create a translation.

3. Create a New Version in the Other Language
– A new post is created for the translated version.
– Change the “Submit” button label manually.

You can use the “Duplicate Post” plugin or a similar method to clone the page and translate manually.

If you’re doing a large multilingual site, consider:

– WPML: Offers tighter integration with Kadence Blocks.
– TranslatePress: Frontend visual translation, easier for blocks.
– Manual duplication: Duplicate posts and translate each manually (works fine with Polylang).

Let me know if you need further assistance.

Kind regards,
Chito

[Anthony Paparelli]

Anthony Paparelli

#293869

Hello!

I’m glad you reached out. I’ll be happy to help!

To set a different page layout for your shop page and categories, you’ll first want to set your Customizer setting (Appearance → Customize → WooCommerce → Product Catalog to Normal (no sidebar).

Next, edit your shop page (go to Pages and locate your Shop Page), and click the Page Settings icon in the upper-right of your screen. Here you can change the layout for this page (i.e. set a left sidebar) as well as select which sidebar you’d like to see (i.e. Sidebar 1 or 2). Save your page and you should be all set!

Here’s a screenshot showing the page settings: https://share.zight.com/geuQPP0P

Let us know if you have any questions or if you need anything else.

Thanks!
Anthony

[ivofuykschot]

ivofuykschot

#293868

How can I set my Shop page layout to left sidebar layout, and my Product Category pages Layout to full width?

I want to display a filter widget (Filter Everything Pro) in the sidebar for my shop page only! The product category pages should be full width without a sidebar.

How to do this? I’m unable to choose different layouts for Shop main page and product category pages in Appearance –> Customize –> Woocommerce –> Product Catalog.

[ivofuykschot]

ivofuykschot

#293868

How can I set my Shop page layout to left sidebar layout, and my Product Category pages Layout to full width?

I want to display a filter widget (Filter Everything Pro) in the sidebar for my shop page only! The product category pages should be full width without a sidebar.

How to do this? I’m unable to choose different layouts for Shop main page and product category pages in Appearance –> Customize –> Woocommerce –> Product Catalog.

[ads-1651]

ads-1651

#293805

Hi,

can someone help what CSS code can I use to move my shop sidebar on mobile below products using Virtue Premium theme.

Thank you

[ads-1651]

ads-1651

#293805

Hi,

can someone help what CSS code can I use to move my shop sidebar on mobile below products using Virtue Premium theme.

Thank you

[ads-1651]

ads-1651

#293800

Hi,

can someone help what CSS code can I use to move my sidebar on mobile below products using Virtue Premium theme.

Thank you

[Juan Manuel]

Juan Manuel

#293524

Hi, thank you very much for your help, that works!

I use the option “Open drawer when adding”. In the Hooked element I have had to disable it, because when I add a product to cart 2 sidebars are opened, one with the products and the other empty.

Thank you!

[Juan Manuel]

Juan Manuel

#293496

Hi, I’m trying to add the woocommerce mini cart block to header, with Kadence blocks.

In desktop I can add it and it’s ok. But in tablet/mobile I can’t add it, so there is no icon with counter and with sidebar cart.

The only block I can add is Cart link, but it’s too simple.

I hope you can help me.

Thank you.

[Juan Manuel]

Juan Manuel

#293496

Hi, I’m trying to add the woocommerce mini cart block to header, with Kadence blocks.

In desktop I can add it and it’s ok. But in tablet/mobile I can’t add it, so there is no icon with counter and with sidebar cart.

The only block I can add is Cart link, but it’s too simple.

I hope you can help me.

Thank you.

[chitocamacho]

chitocamacho

#293471

Hey there,

Thanks for writing in.

You can adjust the Sidebar Width in Customizer > General > Sidebar.

Please let me know if you need further assistance.

Best,
Chito

[Frans FDK]

Frans FDK

#293464

I want a sidebar a bit narrower but I can’t find anything at customizer.
woocommerce — product category you can see layout with sidebar.
I tried to enter with CCS but it didn’t help.
Is there a way to sidebar to 75% of the width?

[Frans FDK]

Frans FDK

#293464

I want a sidebar a bit narrower but I can’t find anything at customizer.
woocommerce — product category you can see layout with sidebar.
I tried to enter with CCS but it didn’t help.
Is there a way to sidebar to 75% of the width?

[Nikola Milosevic]

Nikola Milosevic

#293440

Hey Michael, thanks for reply and for taking time to record everything. Even though your answer is complex and shows what can be done, it’s still not what I need. If it’s possible all I need is to replace the featured image. Like you can replace the whole sidebar for example, or footer and header, I need to replace feature image.

Is there a custom hook I can use to replace the featured image? In one other post I saw that you can replace something like kadence header part above the posts, can’t remember 100% exactly now. What hook can I use for featured images?

Edit: I found a post where a person used custom hook for kadence_hero_header. Is there any hook that I can use to replace feature image, like kadence_feature_image?

• This reply was modified 1 year, 1 month ago by Nikola Milosevic.
• This reply was modified 1 year, 1 month ago by Nikola Milosevic.