Search Results for 'sidebar'

[Ben Ritner]

Ben Ritner

#144276

Ok,

1. you will want to add this css if your wanting the logo to be down so far:

#nav-main {
    margin-top: 108px;
}

2. It’s not a built-in option. You could enable the widget area logo, then add CSS to hack the menu up and to the right. If you enabled with widget area logo layout and add your socal widget I could help with some css.

3. Add padding in pagebuilder to the row. Just edit the row and look in your sidebar settings and you’ll see it.

4. add this css:

.home-iconmenu .home-icon-item i {
    display: inline-block;
    padding-top: 10px;
    font-size: 40px;
    text-align: left;
}

.home-iconmenu .home-icon-item h4 {
    display: inline-block;
    padding-left: 10px;
    margin-top: 0;
}

5. you can set up your pagebuilder row however you want. Add columns add more than one widget it’s completely customizable.

https://www.kadencewp.com/using-page-builder/

Ben

[Hannah]

Hannah

#144186

Hey Michael,
You can do this from your edit page[s] by setting the page template to full width. Or you should see an option in the page settings to remove the sidebar.
Let me know if there’s a specific page you’re stuck on.

Hannah

[Michael]

Michael

#144173

Hi,

where can I edit or delete the sidebar for the pages that I created? There are all settings for home, shop or products etc. but I cant find this option.

Best regards

[Michael]

Michael

#144173

Hi,

where can I edit or delete the sidebar for the pages that I created? There are all settings for home, shop or products etc. but I cant find this option.

Best regards

[Ben Ritner]

Ben Ritner

#144147

Hey,
So it sounds like you want the page subtitle to be inside the content instead of above the content with the title.

I would suggest simply adding your subtitle into the top of your content section. Then it’s not going to be in the title area and thus will not be above the sidebar.

Does that make sense?

Ben

[Kevin]

Kevin

#144052

That’s a site origin call to action widget and you should be able to remove it in exactly the same way that you removed the meta content. Are you not seeing it in the sidebar widget area? All of the content in your sidebar should be set in Appearance> Widgets.

-kevin

[Pamela]

Pamela

#144050

This reply has been marked as private.

[Kevin]

Kevin

#144041

You need to remove it from your sidebar widget area. In Appearance> Widgets, you should see the sidebar (either sidebar1 or something similar, depending on what you’ve called it.) Open the sidebar widgets, and find the Meta one. Remove it from the widget area and you should be set.

Does that make sense?

-Kevin

[Hannah]

Hannah

#143966

Hi Wendy,
Try this css instead:

.search .sidebar {
    display: none;
}
.search .main.col-lg-9.col-md-8 {
width: 100%;
}

Does that work for you?

Hannah

[Jeff]

Jeff

#143964

I’d like to remove the side bar from search result page.
*Login to see link

I tried below CSS but the side bar is still there..

.search aside#ktsidebar {
display: none;
}
.search .main.col-lg-9.col-md-8 {
width: 100%;
}

Thanks,

[Jeff]

Jeff

#143964

I’d like to remove the side bar from search result page.
*Login to see link

I tried below CSS but the side bar is still there..

.search aside#ktsidebar {
display: none;
}
.search .main.col-lg-9.col-md-8 {
width: 100%;
}

Thanks,

[Kevin]

Kevin

#143947

Go to Appearance> Widgets to remove this widget from your sidebar. Let me know if you’re able to find it.

-Kevin

[Kevin]

Kevin

#143871

Ah I didn’t see it before. Looks good now! That CSS is setting the the margin for one of your sidebar widgets in desktop displays.

If you’re not sure what the CSS is for, I suggest you leave comments above it so that you don’t forget.

https://css-tricks.com/snippets/css/comments-in-css/

-Kevin

[Hannah]

Hannah

#143833

Hey Jo,
From my understanding, LifterLMS sidebar plugin is not supported with this theme.
In the future please post a new topic in the Virtue forums and provide a link to your site.

Hannah

[Kevin]

Kevin

#143749

You’ve got some bad CSS in your custom CSS box that’s likely the reason this isn’t working. Firstly, you’ve got an extra closing bracket here:

.container {
    width: 100%;
}
}

Should be this:

.container {
    width: 100%;
}

You also never close this media query:

@media (min-width: 992px){
  .sidebar #black-studio-tinymce-3 {
    margin-top: 40px;
}

Should be this, I think:

@media (min-width: 992px){
  .sidebar #black-studio-tinymce-3 {
    margin-top: 40px;
    }
}

Try fixing that and let me know if it makes a difference.

-Kevin

[Kevin]

Kevin

#143747

Hey,

1. You can remove all of this by going to Appearance> Widgets and changing the widgets of your sidebar. If you want to change the sidebar only on your home page, then I suggest you make a new sidebar called home in Theme Options> Misc Settings, and configure the widgets you’d like to use back in Appearance> Widgets. The home sidebar is set in Theme Options> Home Layout.

2. Same as above, you should go to Appearance> Menus to configure your widget titles.

3. Here is some CSS to target the fonts of your sidebar. place in Theme Options> Custom CSS:

.sidebar a {
    font-size: 16px;
}
.sidebar h5 {
    font-size: 20px;
}

Hopefully this is helpful!

-Kevin

[Rosemary]

Rosemary

#143715

Hi,
I want to make some changes to the appearance of my home page sidebar *Login to see link
ie
1. Remove some categories: Recent comments, Archives, Meta, Recent posts (the text only version)
2. Change “Categories” to “Places” to reflect what has been done elsewhere on the site
3. Overall, reduce the size of font in the sidebar
Would appreciate your help
Thanks
Rosemary

[Rosemary]

Rosemary

#143715

Hi,
I want to make some changes to the appearance of my home page sidebar *Login to see link
ie
1. Remove some categories: Recent comments, Archives, Meta, Recent posts (the text only version)
2. Change “Categories” to “Places” to reflect what has been done elsewhere on the site
3. Overall, reduce the size of font in the sidebar
Would appreciate your help
Thanks
Rosemary

[Ben Ritner]

Ben Ritner

#143578

Hey,
You are talking about the theme filter and it won’t work like a menu. It’s not loading anything which is why it’s so quick. It only sorts what is on the page itself and as it says in the theme options it doesn’t re-query or work if you have products for one the one page. It’s only designed for simpler shops with one page of products and a few categories where it doesn’t make sense to have extra navigation.

You need the extra navigation as you have more products, more categories. Consider that when a user clicks “back” in their browser they need to go back to the category not load the whole shop page all over again.

If you’re set on not having normal navigation (which if speed is the issue consider optimizing your site) then you can use a plugin like this: https://wordpress.org/plugins/yith-woocommerce-ajax-navigation/

Which will give you the ability to filter through ajax and won’t be as slow as a full page reload.

You can see that plugin in action on the sidebar of this page: http://themes.kadencethemes.com/virtue-premium-3/shop

Ben

[Kevin]

Kevin

#143549

Hey Michal,

Try adding this CSS to Theme Options> Custom CSS and let me know if it works for you:

@media (min-width: 992px) {
.single-product aside#ktsidebar {
    float: left;
}
.single-product .main {
    float: right;
   }
}

-Kevin

[Michał]

Michał

#143536

Hello, in all page/shop I have sidebar on left side, but in product page is always in right side. I look, try but nothing works can you help mi with that

*Login to see link

[Michał]

Michał

#143536

Hello, in all page/shop I have sidebar on left side, but in product page is always in right side. I look, try but nothing works can you help mi with that

*Login to see link

[Hannah]

Hannah

#143520

Hey John,
This css will adjust the title:

.sidebar h3.widget-title {
    font-size: 22px;
}

Your excerpt text, post tags, ect. are pulling from this css:

.color_gray, #kadbreadcrumbs a, .subhead, .subhead a, .posttags, .posttags a, .product_meta a, .kadence_recent_posts .postclass a {
    color: #e5ebe9;
}

Looks like you’ve added that to your custom css?

As for your comments, I’m seeing them show as 20px (pulling from your body font settings). Can you link to where you’re seeing them 5px?

Hannah

[Michał]

Michał

#143515

Hello,
Can you help me, I want to change colors of search widget in the left sidebar here *Login to see link
I see it is in file forms.less. when I change colors in browser its ok, but when I copy file and change this nothing happens. I changed background of this field to blue, but is still gray and font from black to white. I wanted to check are my changes are saved, and its saved but in browser code is still orginal

[Michał]

Michał

#143515

Hello,
Can you help me, I want to change colors of search widget in the left sidebar here *Login to see link
I see it is in file forms.less. when I change colors in browser its ok, but when I copy file and change this nothing happens. I changed background of this field to blue, but is still gray and font from black to white. I wanted to check are my changes are saved, and its saved but in browser code is still orginal