Search Results for 'sidebar'

[Kevin]

Kevin

#124548

Hello Carrie,

1. Go to Theme Options> Home Layout, and assign the sidebar though there. When you assign a page to be your Front Page through Settings> Reading, the theme will automatically override whatever template you assign and use the settings from your Theme Options.

2. Place this CSS into Theme Options> Advanced Settings to get rid of that padding:

.home-padding {
    padding: 0;
}
.home .contentclass {
    padding-top: 0;
}

3. To get that contact form to display in the far right as opposed to far left, you should go to Appearance> Widgets and assign widgets to the other footer columns. Or you can try this CSS:

.footercol4 {
    float: right;
}

4. Try this CSS to remove the icons:

.kad-header-widget .vcard i:before {
    display: none;
}

this will increase the font size:

vcard p {
    font-size: 1.4em;
}

This will align it to the right:

.kad-header-widget .vcard {
    float: right;
}

5. You can try this for the logo, but I’m not sure that it looks very good:

@media (min-width: 1024px)   {
.kad-header-widget {
    width: 40%;
}
.kad-header-left {
    width: 60%;
}
div#logo {
    float: right;
   }
}

6. I’m not seeing this. Did you figure it out?

-Kevin

[Carrie]

Carrie

#124530

Hi Guys-Hope you’re well.

Here’s the url:
*Login to see link

My issues are:
1. I wanted a thin rule around the sidebar. I selected feature-sidebar for the page template, but it doesn’t show up. So then I created the “column” through pagebuilder, by stacking up the widgets. I guess the question is why isn’t the sidebar showing up, and could I have given it a border?
2. I want no space above the slider please.
3. The ‘contact us’ in the footer is actually in the far right column of 4 columns. But it’s moving to the far left since the first 3 columns have no content. How can I move that to be on the far right?
4. Vcard in header: Is it possible to remove the icons on the v card, make the font size larger, and move it more to the right? (I had used a text widget with an h3 font, but they didn’t resize on mobile)
5. Can I move the logo over as well?
6. On a tablet the header logo has a white background.

Thanks for your help. Sorry to be greedy with my questions, but I figured I’d give ’em to you all at once.
Carrie

[Carrie]

Carrie

#124530

Hi Guys-Hope you’re well.

Here’s the url:
*Login to see link

My issues are:
1. I wanted a thin rule around the sidebar. I selected feature-sidebar for the page template, but it doesn’t show up. So then I created the “column” through pagebuilder, by stacking up the widgets. I guess the question is why isn’t the sidebar showing up, and could I have given it a border?
2. I want no space above the slider please.
3. The ‘contact us’ in the footer is actually in the far right column of 4 columns. But it’s moving to the far left since the first 3 columns have no content. How can I move that to be on the far right?
4. Vcard in header: Is it possible to remove the icons on the v card, make the font size larger, and move it more to the right? (I had used a text widget with an h3 font, but they didn’t resize on mobile)
5. Can I move the logo over as well?
6. On a tablet the header logo has a white background.

Thanks for your help. Sorry to be greedy with my questions, but I figured I’d give ’em to you all at once.
Carrie

[Peggy]

Peggy

#124495

Hi

I do not understand why in the page “LA MAISON” and “PETIT-DEJEUNERS”, the picture under the menu is not full width, while the site has no sidebar, and I chose full to stretch in the parameters of the column.

see here

Thanks !

[Peggy]

Peggy

#124495

Hi

I do not understand why in the page “LA MAISON” and “PETIT-DEJEUNERS”, the picture under the menu is not full width, while the site has no sidebar, and I chose full to stretch in the parameters of the column.

see here

Thanks !

[Hannah]

Hannah

#124483

Hi Leila,
I’m not seeing any content in your sidebar. When you go to Appearance > Widgets are you still seeing content in the sidebar? Is your sidebar working on other pages?

Hannah

[leila.kubegusa]

leila.kubegusa

#124478

Hi team

I lost my sidebar.. link here

I selected the sidebar template on the page settings, and selected the primary sidebar
In the primary sidebar widget I have the layout builder with 4 SiteOriginEditor widgets
It was fine yesterday, and I can’t think of anything I did to mess it up…
Can you see what I’m missing..?
Thanks in advance!

Leila

[leila.kubegusa]

leila.kubegusa

#124478

Hi team

I lost my sidebar.. link here

I selected the sidebar template on the page settings, and selected the primary sidebar
In the primary sidebar widget I have the layout builder with 4 SiteOriginEditor widgets
It was fine yesterday, and I can’t think of anything I did to mess it up…
Can you see what I’m missing..?
Thanks in advance!

Leila

[Razia]

Razia

#124471

Thanks for referring to this plugin. Is there a way to lock the Hamburger button of this menu within the primary sidebar so that it not keep floating everywhere overlapping the other contents on every change in screen size or a device. I mean if there is a way I can add the Hamburger button as a widget to my Primary Sidebar on my desktop site? I have already controlled its appearance to desktop site only. The link is https://justunjust.ca

This is what the Superfly people advise.

“Within settings you can optionally hide the visibility of the default button and then use custom element of your website to trigger menu appearance. You can use browser web inspector to check for existing element or add your own selector to element you created in template like <div id=”custom_toggle”></div> CSS selector for this element will be #toggle.”

[Hannah]

Hannah

#124346

So are you wanting to decrease the height of the landscape image?
This should remove the padding so it aligns with the sidebar:

.term-description {
    padding: 0;
}
.woocommerce img.alignnone {
    margin: 0;
}

Hannah

[Mark]

Mark

#124322

Thanks Hannah that sorted the width issue however the effect is still not what’s needed as the image is far too landscape/wide.

I wanted to give a nice header image with the description without having to scroll down too far to the products themselves and the same went for the distance between the sort box and the products.

I think I will leave as is for the moment however one more favour please could you give me the css that would allow me to raise the description div so I can get it level with the top of the sidebar?

Thanks,

Mark

[Kevin]

Kevin

#124055

Here is some CSS that will target the dates of your posts in the sidebar. if you need any further styling assistance, let me know!

.kadence_recent_posts .recentpost_date {
    font-size: 14px;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

-Kevin

[Kevin]

Kevin

#124051

Hey Jean,

Try this CSS:

.home_blog .home-sidebar {
    padding: 0;
}

And i’m seeing the date on the grid. What would you like to change about it?

-Kevin

[Kevin]

Kevin

#124022

Hey Frank,

Try adding this CSS to Theme Options> Custom CSS:

.tax-product_cat div#pageheader {
    display: none;
}
.tax-product_cat .main.kt-nosidebar {
    margin-top: 60px;
}
.tax-product_cat .trans-header #pageheader {
    padding-top: 50px;
}

Let me know if that works for you!

-Kevin

[Ben Ritner]

Ben Ritner

#123892

Seigo, In plugins like woo sidebars or widget logic. You still assign one sidebar for all categories but you can set up the widgets in the sidebar to only show on certain categories. Allowing you to customize what shows in the sidebar on a category by category basis. I strongly encourage you to check out this as it would be your best option.

Hannahs is suggesting you can also use pages and by using the sidebar page template you can change the sidebar for each page you create. In those pages you can populate the content of those pages with products based on category using the woocommerce shortcodes.

If you want to use a child theme and manually set sidebar ids based on category that is certainly an option. You just hook on “kadence_sidebar_id” and check for a category and return the id if that check comes true.

For example here is a function you could add in the functions.php file of your child theme:

function custom_sidebar_id_assignment($sidebar_id) {
if(is_product_category('books')) {
$sidebar_id = 'sidebar2';
} else if( is_product_category('clothes')) {
$sidebar_id = 'sidebar2';
}
return $sidebar_id;
}
add_filter('kadence_sidebar_id', 'custom_sidebar_id_assignment');

I hope that helps.

Ben

[Seigo]

Seigo

#123881

@Hannah
Maybe you are not understanding what I want to do.
I am using Woocommerce with Virtue Premium theme.
There are several product category page, and current Virtue Premium doesn’t have the option to select unique sidebar per product category.

[Seigo]

Seigo

#123871

@Hannah
Thanks for the tip.
I will do some research about this !
But would you please specify which php I should apply the modification?
Do you mean
virtue_premium > woocommerce > content-product_cat.php ? or taxonomy-product_cat.php ?

@Ben
Yes, I once thought it was the right plugin, but Woosidebar only allows you to get Product Category showed one kind of slider bar, and there is no selection inside of product category,,,,

[Ben Ritner]

Ben Ritner

#123844

https://wordpress.org/plugins/woosidebars/

^^ another plugin like the one I posted.

There are more if you search. I know that you can use the plugin widget logic as well.

Ben

[Hannah]

Hannah

#123827

Hey Seigo,
To accomplish this you would have to manually create your category pages by using shortcodes like this: [product_category category="books" columns="4"]
So you would just create a page for each of your categories using a sidebar page template, then add the shortcode to each page.
Hope that helps!

Hannah

[Seigo]

Seigo

#123782

Current Virtue only allows you to select one kind of sidebar for product category page (by using Woocommerce)
Theme Options > Shop Settings > Choose a Sidebar for your Product Category Pages

But I would like to view unique sidebar at each product category.

For example,,,
I have created Sidebar_A, Sidebar_B, and Sidebar_C.
I also have product category a, b, and c.

Then I would like to set sidebars at each product category page like below.
Product category (a) page with Sidebar_A
Product category (b) page with Sidebar_B
Product category (c) page with Sidebar_C

I know that I can choose unique sidebar per product single page, but not per product category.

Since this is very important for my site, please help me !

[Seigo]

Seigo

#123782

Current Virtue only allows you to select one kind of sidebar for product category page (by using Woocommerce)
Theme Options > Shop Settings > Choose a Sidebar for your Product Category Pages

But I would like to view unique sidebar at each product category.

For example,,,
I have created Sidebar_A, Sidebar_B, and Sidebar_C.
I also have product category a, b, and c.

Then I would like to set sidebars at each product category page like below.
Product category (a) page with Sidebar_A
Product category (b) page with Sidebar_B
Product category (c) page with Sidebar_C

I know that I can choose unique sidebar per product single page, but not per product category.

Since this is very important for my site, please help me !

[Razia]

Razia

#123733

Please advise how to fix it.

*Login to see link
From line 106, column 11; to line 106, column 33
<style type=”text/css”> .kad-

and

Warning: The complementary role is unnecessary for element aside.

From line 199, column 13; to line 199, column 93

<aside id=”ktsidebar” class=”col-lg-3 col-md-4 kad-sidebar” role=”complementary”>↩

[Razia]

Razia

#123733

Please advise how to fix it.

*Login to see link
From line 106, column 11; to line 106, column 33
<style type=”text/css”> .kad-

and

Warning: The complementary role is unnecessary for element aside.

From line 199, column 13; to line 199, column 93

<aside id=”ktsidebar” class=”col-lg-3 col-md-4 kad-sidebar” role=”complementary”>↩

[Kevin]

Kevin

#123631

Hello Hemali,

I’m not sure that there is any way to do this without a child theme. You could use page builder though to create a column for your page content, and a column for your sidebar widgets. It wouldn’t be a real sidebar, but you could tweak it to look just like one.

If you’re unfamiliar with page builder, this tutorial should help you get started:
https://www.kadencewp.com/using-page-builder-virtue-premium/

Let me know if that works for you!

-Kevin

[Hemali]

Hemali

#123618

Hi,

If I choose the sidebar option, the header image on the post becomes narrow, as well. How can I have the full width header image (as if I had selected no sidebar) with the sidebar just for the content below it?

Here is a link to a page with sidebar that I would like to change to full width image header but still have the sidebar content “ABout us” next to the content : *Login to see link

Thanks for your help!

[Hemali]

Hemali

#123618

Hi,

If I choose the sidebar option, the header image on the post becomes narrow, as well. How can I have the full width header image (as if I had selected no sidebar) with the sidebar just for the content below it?

Here is a link to a page with sidebar that I would like to change to full width image header but still have the sidebar content “ABout us” next to the content : *Login to see link

Thanks for your help!