Search Results for 'sidebar'

[Ben Ritner]

Ben Ritner

#63791

You can use another function for that:

add_filter('kadence_sidebar_id', 'kt_testimonial_sidebar_id');
function kt_testimonial_sidebar_id($sidebar) {
 if(is_page_template('page-testimonial-grid.php') ) {
          $sidebar = 'sidebar-primary';
 }
return $sidebar;
}

Just change “sidebar-primary”

Ben

[Phillip]

Phillip

#63739

Hi Hannah & Ben, thank you for your suggestions. 🙂

I am trying the functions code and it works perfectly except that it displays the primary sidebar. How do I call the custom sidebar I’ve made instead? It was created in the theme’s misc settings.

Thanks again,

Phillip

[Ben Ritner]

Ben Ritner

#63727

ok, it is what I said, Somewhere in your custom css you are adding:

body .main {
    float: right;
}

You need to remove that.

That is bad css that is breaking your site.

If you want the sidebar on the left you need to use the css which we have posted here: https://www.kadencewp.com/post-frequently-asked-questions/

@media (min-width: 992px) {
body .main.col-lg-9 {float:right;}
}

Ben

[Yovko]

Yovko

#63722

It seems like Blog Post Sidebar Default option in the Theme Options panel doesn’t work for me. It is set to “No; Do Not Show”. But all my single blog posts are with empty sidebar. (Display sidebar option for each of them is Default)

Another strange behaviour is that one empty sidebar (named sidebar1) exists and I didn’t create it…

P.S. I fixed the first issue by myself with child theme and the following code in functions.php

add_filter('kadence_display_sidebar', 'single_post_sidebar');
function single_post_sidebar($sidebar) { if (is_single()) { return false; } return $sidebar; }

but anyway maybe this is а bug and should be fixed.

[Yovko]

Yovko

#63722

It seems like Blog Post Sidebar Default option in the Theme Options panel doesn’t work for me. It is set to “No; Do Not Show”. But all my single blog posts are with empty sidebar. (Display sidebar option for each of them is Default)

Another strange behaviour is that one empty sidebar (named sidebar1) exists and I didn’t create it…

P.S. I fixed the first issue by myself with child theme and the following code in functions.php

add_filter('kadence_display_sidebar', 'single_post_sidebar');
function single_post_sidebar($sidebar) { if (is_single()) { return false; } return $sidebar; }

but anyway maybe this is а bug and should be fixed.

[Ben Ritner]

Ben Ritner

#63703

1. You can add this css:

#nav-main ul.sf-menu ul#kad-head-cart-popup ul.cart_list li a {
margin-right: 100px;
display: block;
line-height: 16px;
}

#nav-main ul.sf-menu ul#kad-head-cart-popup ul.product_list_widget li a img {
    float: left;
    padding-bottom: 10px;
}

2. For the sidebar you can use this:

ul.cart_list li a, ul.product_list_widget li a {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

Ben

[kapil]

kapil

#63688

Hi,
The store page of my website in the mobile view looks very ugly all the products are displayed at one corner of the page. The woocommerce price filter sidebar seems to overlap the products. Even if I change the page layout to fullwidth, the products still remain shiftd at one corner of the screen. I am sending you the screenshots of the store page. Please have a look and help me solving this problem.

Screenshot

Regards,
Kapil

[kapil]

kapil

#63688

Hi,
The store page of my website in the mobile view looks very ugly all the products are displayed at one corner of the page. The woocommerce price filter sidebar seems to overlap the products. Even if I change the page layout to fullwidth, the products still remain shiftd at one corner of the screen. I am sending you the screenshots of the store page. Please have a look and help me solving this problem.

Screenshot

Regards,
Kapil

[Anders]

Anders

#63676

Hi,

When I ad a product to my shopping cart and hover over the cart displayed in the primary navigation menubar it can not include all the product text.

Can ths be solved?

A 2nd question.

I’ve got another shopping cart in my sidebar, how do I controle the text in this? Right now it seems to be bold a little to big.

shop

Thank you

Br
Anders

[Anders]

Anders

#63676

Hi,

When I ad a product to my shopping cart and hover over the cart displayed in the primary navigation menubar it can not include all the product text.

Can ths be solved?

A 2nd question.

I’ve got another shopping cart in my sidebar, how do I controle the text in this? Right now it seems to be bold a little to big.

shop

Thank you

Br
Anders

[Ben Ritner]

Ben Ritner

#63622

Just to clarify the sidebar class is going to be the same for all pages. Widgets themselves all have different classes depending on the widget.

If you want to target one page then you can use the page id and the class would be:

.page-id-6 .kad-sidebar{
background-color: #E0EEEE;
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px;
-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px;
box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px;
}

Just change 6 with whatever page id your contact page is.

Ben

[Ben Ritner]

Ben Ritner

#63618

Hey,
you can change what shows in your search sidebar through the appearance > widgets page.

You can also remove the sidebar by using this function in a child theme:

add_filter('kadence_display_sidebar', 'search_sidebar');

function search_sidebar($sidebar) {
  if (is_search()) {
    return false;
  }
  return $sidebar;
}

Ben

[Sam]

Sam

#63616

Hello,

It appear that all widgets are .col-lg-3.col-md-4.kad-sidebar
How do I change the color of a widget on a certain page, eg the ‘contact’ page?

I want this color on all pages and then #ffff on others

.col-lg-3.col-md-4.kad-sidebar{
background-color: #E0EEEE;
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px;
-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px;
box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px;
}

[Sam]

Sam

#63616

Hello,

It appear that all widgets are .col-lg-3.col-md-4.kad-sidebar
How do I change the color of a widget on a certain page, eg the ‘contact’ page?

I want this color on all pages and then #ffff on others

.col-lg-3.col-md-4.kad-sidebar{
background-color: #E0EEEE;
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px;
-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px;
box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px;
}

[Rosario]

Rosario

#63608

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#62850

Yes then add this:
.woocommerce-account #ktsidebar .sidebar {
background:#fff;
padding:20px
}

Ben

[Ben Ritner]

Ben Ritner

#62847

ok, found it. You are adding:

#billing_company, #billing_company_field, .kad-sidebar, div.product .product_meta {
display: none;
}

That hides the sidebar.

Would you like to keep hiding the sidebar on the account page or would you like to show it? Looks like this: https://www.kadencewp.com/my-account/

Ben

[Aritrim]

Aritrim

#62836

I have not removed the sidebar, should I check settings somewhere in the Theme Options?

And thank you for a great support.

[Hannah]

Hannah

#62832

Hey,
You can change your sidebar widget titles with this css:

.sidebar h3 {
    font-size: 20px;
    font-family: sans-serif;
}

Just paste it in your custom css box in Theme Options > Advanced Settings. Is that what you were thinking?

Hannah

[Saskia]

Saskia

#62822

Hi,

I’d like to change the automatic H tags in my sidebar. Is there a way to do this?

Thanks,

Saskia

[Saskia]

Saskia

#62822

Hi,

I’d like to change the automatic H tags in my sidebar. Is there a way to do this?

Thanks,

Saskia

[Ben Ritner]

Ben Ritner

#62775

That looks like the my-account page while logged in. Which is supposed to have a sidebar. Are you removing the sidebar?

Ben

[Ben Ritner]

Ben Ritner

#62742

Hey,
There is no way to do that (child theme is always an option though). Sidebars are always below on mobile. Making people scroll past header and sidebar to reach content is not suggested.

Using search and good navigation at the top is important for mobile browsing

Ben

[Ben Ritner]

Ben Ritner

#62728

Hey,
did you see where I wrote that you added that css twice… It’s still on your site. You need to remove it that’s breaking the page.

If you wanted the sidebar to be on the left you can use this css found here:

https://www.kadencewp.com/post-frequently-asked-questions/

@media (min-width: 992px) {
body .main.col-lg-9 {float:right;}
}

You need to go into the custom css of your site and remove all of the times you added

#content .main {
float: right;
}

Ben

[Charlie]

Charlie

#62704

Hannah is there a way to make the sidebar menu display first on a mobile device? It looks confusing when they see all the products in a column and dont see the menu choices until the end of the scroll. I would rather have them filter, then see the store items and that would require the sidebar to be displayed before the main content of the store on mobile?