Search Results for 'sidebar'

[hank.primrose]

hank.primrose

#282378

Is there any way to determine that the sidebar should appear if a certain category is present?

For example, I have two categories for “posts” and only want to show the sidebar on posts that have one of the categories.

Any help would be greatly appreciated!

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

[hank.primrose]

hank.primrose

#282378

Is there any way to determine that the sidebar should appear if a certain category is present?

For example, I have two categories for “posts” and only want to show the sidebar on posts that have one of the categories.

Any help would be greatly appreciated!

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

[thedetoureffect]

thedetoureffect

#282288

Hi there,

I have an “element” that I hook into different pages using the shortcode block. That way I don’t have to update every individual page where this text appears, I only update the element and the changes take place everywhere.

Up until today, if I wanted to include an affiliate link somewhere in the element, a dropdown would pop up allowing me to mark it as “sponsored”. That doesn’t exist anymore. Now I can only toggle to “open in a new tab” but there are no options for sponsored or nofollow.

Is this a change with Kadence Blocks 3.0?

This is the webpage: *Login to see link

The Element is the REI stuff. This element also exists in my sidebar here and a few other places: *Login to see link

I attached a screenshot of the absence of the “sponsored” toggle.

Thanks,
Claire

[thedetoureffect]

thedetoureffect

#282288

Hi there,

I have an “element” that I hook into different pages using the shortcode block. That way I don’t have to update every individual page where this text appears, I only update the element and the changes take place everywhere.

Up until today, if I wanted to include an affiliate link somewhere in the element, a dropdown would pop up allowing me to mark it as “sponsored”. That doesn’t exist anymore. Now I can only toggle to “open in a new tab” but there are no options for sponsored or nofollow.

Is this a change with Kadence Blocks 3.0?

This is the webpage: *Login to see link

The Element is the REI stuff. This element also exists in my sidebar here and a few other places: *Login to see link

I attached a screenshot of the absence of the “sponsored” toggle.

Thanks,
Claire

[chitocamacho]

chitocamacho

#282161

Hi there,

Are you referring to the gap between the sidebar and main content? If so, there’s no setting to adjust it currently. You can use a little custom CSS to reduce the gap. Here’s an example code:

@media screen and (min-width: 1025px){
    .has-left-sidebar .content-container {
        grid-gap: 20px;
    }
}

Note that it applies only to Left Sidebar layout.

Let me know if this works for you.

Kind regards,
Chito

[calvary.activewear]

calvary.activewear

#282155

Good evening all. I have adjusted my boxed content width to 1440 px (global), and sidebar 1 (left sidebar) to 240 px – and yet there is about an 80 px gap I can not find how to reduce to 10-20 px. Global widget spacing is set to 0 px (or 2 I forget which global setting wouldn’t reduce lower than 2). Anyway, How can I accomplish this? Thank You. – Jeff

[calvary.activewear]

calvary.activewear

#282155

Good evening all. I have adjusted my boxed content width to 1440 px (global), and sidebar 1 (left sidebar) to 240 px – and yet there is about an 80 px gap I can not find how to reduce to 10-20 px. Global widget spacing is set to 0 px (or 2 I forget which global setting wouldn’t reduce lower than 2). Anyway, How can I accomplish this? Thank You. – Jeff

[Stefan Lindblad]

Stefan Lindblad

#282070

For anyone else with the same issue, here is how I solved it.

1) Insert Kadence Block Row Layout
2) See to that Row Layout is Selected
3) Go to the Sidebar/Panel to the right and “Background Settings”.
4) At the beginning of “Background Settings” chose the icon for “Video”. (an arrow sign).
5) after click, choose “Select Video”.
6) Now opens the Media Gallery and the video you have uploaded is there. Select the video.
7) Back to the Row Layout you now see a dark/black colour, thats the video.
8) With your Mouse increase height by dragging up and down.
9) Your now finished, and you can choose how wide its going to be on the screen/in a browser.

[Karla]

Karla

#281992

Hi there!

WooCommerce filters will only show on pages that list products (product archive pages). They cannot filter other posts.

Also, the sidebar layout should be set in Customizer > WooCommerce > Product Catalog. This is where you’ll adjust the layout settings for the WooCommerce archive pages (shop, product categories, product tags). Could you select the sidebar layout here and add the filter widgets to the sidebar area you choose?

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

Kind regards,
Karla

[gilberthernandez]

gilberthernandez

#281954

Hello,

You said you’re using the Greenthumb starter template, so you can use the Customizer to navigate to Posts/Pages Layout > Archive Layout and set the right or left sidebar layout. Do you have the sidebar on your Archive Layout? Do you have a link to a page where the problem occurs? When I add a sidebar to my archive layout, the sidebar works.

[sebastian.lesiniewski]

sebastian.lesiniewski

#281918

Hi,

I wondering, what is the easiest way to add widget (filter) on category page. I try to do that in Post/Page/Archive layout/ but nothing is showing off, when I switch to page with sidebar. Is there any solution for that? I don’t want to add another plugin, but if necessary I will..Can anyone guide me, how to do that please.

[sebastian.lesiniewski]

sebastian.lesiniewski

#281918

Hi,

I wondering, what is the easiest way to add widget (filter) on category page. I try to do that in Post/Page/Archive layout/ but nothing is showing off, when I switch to page with sidebar. Is there any solution for that? I don’t want to add another plugin, but if necessary I will..Can anyone guide me, how to do that please.

[Karla]

Karla

#281791

Hi, Cindy!

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

The sidebar will occupy 4/12 of the screen while the main content occupies 8/12. There is no option to adjust their widths but you can add this to Theme Options > Advanced Settings > Custom CSS:

.single-tribe_events #tribe-events-content .tribe-events-event-meta dd, 
.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
    display: block;
    float: unset;
}

This is how it should look – https://share.getcloudapp.com/Koun9v68.

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

You may also submit your support tickets on the following pages:

• https://www.kadencewp.com/premium-support-tickets/
• https://www.kadencewp.com/free-support-tickets/

Also, is there a css or setting somewhere to increase the page width for the single events page?

There is no option to increase the width of the Custom Post Types such as TEC’s events. You can add this to increase the content with for single events pages:

.single-tribe_events #content {
    width: 1400px;
}

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

Kind regards,
Karla

[Cindy]

Cindy

#281731

Hi, and Happy New Year to Kadence, Ben, and team!!

Requesting a little help please with misaligned info in sidebar – Details, Organizer, and Venue sections of sidebar on single events page. It’s like this on all single event pages. You can see it here *Login to see link

Also, is there a css or setting somewhere to increase the page width for the single events page?

Thanks so much!

[Cindy]

Cindy

#281731

Hi, and Happy New Year to Kadence, Ben, and team!!

Requesting a little help please with misaligned info in sidebar – Details, Organizer, and Venue sections of sidebar on single events page. It’s like this on all single event pages. You can see it here *Login to see link

Also, is there a css or setting somewhere to increase the page width for the single events page?

Thanks so much!

[chitocamacho]

chitocamacho

#281662

Hi there,

You can use this code:

@media(max-width:767px){
    .primary-sidebar {
        display: none;
    }    
}

That applies to all pages, posts, and archive pages.

Let us know if you need further assistance.

Kind regards,
Chito

[michael-murray]

michael-murray

#281649

Hello I tried all the CSS code of the forum but I can’t remove the sidebar on mobile. Can you help me please?

[chitocamacho]

chitocamacho

#281641

Hi there,

You can add a Kadence Form block in Appearance > Widgets.

To make it appear only in the sidebar of Single Posts, place it inside a Row Layout block and apply conditional display. This should be the settings: https://share.getcloudapp.com/geuOdwq0

To have conditional display setting in Kadence Blocks, you will need the Kadence Blocks Pro plugin:
https://www.kadencewp.com/kadence-blocks/pro/

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

Kind regards,
Chito

[jic051847]

jic051847

#281632

Hi,
How I can add subscribe us button on the sidebar of this post;
*Login to see link
Is there any possible solution to add this on the sidebar of the single post section only?
Waiting for response
Thank you

• This topic was modified 3 years, 4 months ago by jic051847.

[jic051847]

jic051847

#281632

Hi,
How I can add subscribe us button on the sidebar of this post;
*Login to see link
Is there any possible solution to add this on the sidebar of the single post section only?
Waiting for response
Thank you

• This topic was modified 3 years, 4 months ago by jic051847.

[jic051847]

jic051847

#281630

Hi,
How I can design subscribe us button on the sidebar of this post;
https://nerfweb.com/how-does-a-nerf-gun-work/
Is there any possible solution to add this on the sidebar of the post section only?

• This reply was modified 3 years, 4 months ago by jic051847.

[Karla]

Karla

#281539

Hi, Tomislav!

The sticky sidebar itself will still work if you are replacing the sidebar content using the hooked elements. However, if you are referring to the “Only Stick Last Widget” option, then I can confirm that it is not working – https://share.getcloudapp.com/8LugoNZn

The reason why this happens is that the CSS style for the last widget area targets CSS classes that only WordPress widgets use. This is the selector for the last widget item – .has-sticky-sidebar-widget .primary-sidebar .widget:last-child.

Since blocks are used within the hooked elements, they do not have the widget class. What you can do to make it work is add a custom CSS class for each block (“widget”) in your hooked element. You can find the option for this by going to Block Settings > Advanced. This is how it will work – https://share.getcloudapp.com/xQuO7o0J.

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

Regards,
Karla

[ferdus.ahmod1]

ferdus.ahmod1

#281484

Same issue, It is not working with the right sidebar in the single blog post.

[dave-2775]

dave-2775

#281326

Hi Chito

Many thanks for your help.

The page that I am playing with is
https://www.quarlton.co.uk/jim/static-trees/

There are two menus in the sidebar

#nav_menu-9 li.menu-item a{
font-size: 15px;
color:#0000FF;
}

#nav_menu-10 li.menu-item a{
font-size: 15px;
color:#FF0000;
}

Dave

• This reply was modified 3 years, 5 months ago by Bonn. Reason: HTML broken

[vabvab]

vabvab

#281211

Hi Karla.

Thank you for your answer. I watched your video. The sequence of steps there is wrong. You can’t throw the error that way.

Sory. Site is still under construction, so i posted a fake link. Only parameters had meaning in that URLs.
Params clearly indicate the nature of the problem ({filter params} + {page} = error 404).

Here are real links.
The first – shop made in a standard way (with sidebar). This throw the error. I’m not sure but I saw on some forums that this is problem of compatibility woocommerce with the theme.
https://www.cristalvento.ru/shop/

Second – shop made as a custom page (without sidebar – all done right on the page using “all-products” block) This does not throw the error.
https://www.cristalvento.ru/shop-custom/

Steps to throw error (testcase)
1) Load page of https://www.cristalvento.ru/shop/
2) Go to second page by pager on bottom of the page
3) Apply any filter
4) Watch error 404

PS: try also scroll dropdown listbox of any filter by using only mouse click (without wheel). It is impossible. As i see any click immediately scroll listbox back to top. I think though it is woocommerce bug.

=====================================
Filters block code:

<!– wp:kadence/column {“uniqueID”:”_e03aa6-4f”} –>
<div class=”wp-block-kadence-column inner-column-1 kadence-column_e03aa6-4f”><div class=”kt-inside-inner-col”><!– wp:woocommerce/filter-wrapper {“filterType”:”attribute-filter”,”heading”:”Фильтровать по атрибуту”} –>
<div class=”wp-block-woocommerce-filter-wrapper”><!– wp:heading {“level”:3} –>
<h3>Тип украшения</h3>
<!– /wp:heading –>

<!– wp:woocommerce/attribute-filter {“attributeId”:6,”displayStyle”:”dropdown”,”heading”:””,”lock”:{“remove”:true}} –>
<div class=”wp-block-woocommerce-attribute-filter is-loading” data-attribute-id=”6″ data-show-counts=”true” data-query-type=”or” data-heading=”” data-heading-level=”3″ data-display-style=”dropdown”><span aria-hidden=”true” class=”wc-block-product-attribute-filter__placeholder”></span></div>
<!– /wp:woocommerce/attribute-filter –></div>
<!– /wp:woocommerce/filter-wrapper –>

<!– wp:woocommerce/filter-wrapper {“filterType”:”attribute-filter”,”heading”:”Фильтровать по атрибуту”} –>
<div class=”wp-block-woocommerce-filter-wrapper”><!– wp:heading {“level”:3} –>
<h3>Образ</h3>
<!– /wp:heading –>

<!– wp:woocommerce/attribute-filter {“attributeId”:8,”displayStyle”:”dropdown”,”heading”:””,”lock”:{“remove”:true}} –>
<div class=”wp-block-woocommerce-attribute-filter is-loading” data-attribute-id=”8″ data-show-counts=”true” data-query-type=”or” data-heading=”” data-heading-level=”3″ data-display-style=”dropdown”><span aria-hidden=”true” class=”wc-block-product-attribute-filter__placeholder”></span></div>
<!– /wp:woocommerce/attribute-filter –></div>
<!– /wp:woocommerce/filter-wrapper –>

<!– wp:woocommerce/filter-wrapper {“filterType”:”attribute-filter”,”heading”:”Фильтровать по атрибуту”} –>
<div class=”wp-block-woocommerce-filter-wrapper”><!– wp:heading {“level”:3} –>
<h3>Стиль</h3>
<!– /wp:heading –>

<!– wp:woocommerce/attribute-filter {“attributeId”:9,”displayStyle”:”dropdown”,”heading”:””,”lock”:{“remove”:true}} –>
<div class=”wp-block-woocommerce-attribute-filter is-loading” data-attribute-id=”9″ data-show-counts=”true” data-query-type=”or” data-heading=”” data-heading-level=”3″ data-display-style=”dropdown”><span aria-hidden=”true” class=”wc-block-product-attribute-filter__placeholder”></span></div>
<!– /wp:woocommerce/attribute-filter –></div>
<!– /wp:woocommerce/filter-wrapper –>

<!– wp:woocommerce/filter-wrapper {“filterType”:”attribute-filter”,”heading”:”Фильтровать по атрибуту”} –>
<div class=”wp-block-woocommerce-filter-wrapper”><!– wp:heading {“level”:3} –>
<h3>Цвет</h3>
<!– /wp:heading –>

<!– wp:woocommerce/attribute-filter {“attributeId”:1,”displayStyle”:”dropdown”,”heading”:””,”lock”:{“remove”:true}} –>
<div class=”wp-block-woocommerce-attribute-filter is-loading” data-attribute-id=”1″ data-show-counts=”true” data-query-type=”or” data-heading=”” data-heading-level=”3″ data-display-style=”dropdown”><span aria-hidden=”true” class=”wc-block-product-attribute-filter__placeholder”></span></div>
<!– /wp:woocommerce/attribute-filter –></div>
<!– /wp:woocommerce/filter-wrapper –>

<!– wp:woocommerce/filter-wrapper {“filterType”:”stock-filter”,”heading”:”Фильтрация по статусу”} –>
<div class=”wp-block-woocommerce-filter-wrapper”><!– wp:heading {“level”:3} –>
<h3>Наличие</h3>
<!– /wp:heading –>

<!– wp:woocommerce/stock-filter {“heading”:””,”lock”:{“remove”:true}} –>
<div class=”wp-block-woocommerce-stock-filter is-loading” data-show-counts=”true” data-heading=”” data-heading-level=”3″><span aria-hidden=”true” class=”wc-block-product-stock-filter__placeholder”></span></div>
<!– /wp:woocommerce/stock-filter –></div>
<!– /wp:woocommerce/filter-wrapper –></div></div>
<!– /wp:kadence/column –>

[vabvab]

vabvab

#281167

Hello

Can you advise how to fix this problem?

I use kadence with woocommerce. On the shop page i use a sidebar with woocommerce filters.
When i apply filters on a first page of the products page everything works good.
URL: *Login to see link

But when i go to second page and do the same i get error 404.
URL: *Login to see link

The same situation when i change permanent links to “plain”
correct work:
*Login to see link

and error 404:
*Login to see link

The only solution i have found is to turn off sidebar and then write all the functionality right on the page.
But then I lose design options.

——————–
Wordpress 5.9.5
WooCommerce 7.1.0
Kadence Blocks – Gutenberg Blocks for Page Builder Features 2.4.22
Empty child thema based on Kadence theme: 1.1.31

[vabvab]

vabvab

#281167

Hello

Can you advise how to fix this problem?

I use kadence with woocommerce. On the shop page i use a sidebar with woocommerce filters.
When i apply filters on a first page of the products page everything works good.
URL: *Login to see link

But when i go to second page and do the same i get error 404.
URL: *Login to see link

The same situation when i change permanent links to “plain”
correct work:
*Login to see link

and error 404:
*Login to see link

The only solution i have found is to turn off sidebar and then write all the functionality right on the page.
But then I lose design options.

——————–
Wordpress 5.9.5
WooCommerce 7.1.0
Kadence Blocks – Gutenberg Blocks for Page Builder Features 2.4.22
Empty child thema based on Kadence theme: 1.1.31