Search Results for 'sidebar'

[Henry]

Henry

#97840

Okay, thank you for that.. But is there by any chance a way to separate them into categories? like on my sample ? i need it to have the ” by room” ” by brand” categories, etc.

if this is not possible, can you tell me how to add a sidebar portfolio-type pages? like, how would i add a sidebar to http://myfurniture.mydwellingsbydesign.com/portfolio-type/casa-bonita/?

[Hannah]

Hannah

#97823

You can use the modal shortcode (via a visual editor widget) then use css to change the background to an image. The css would look like this:

.sidebar button.kad-btn.kad-btn-primary.kt-modal-btn {
    background-image: url(http://www.zdravjejevnas.si/wp-content/uploads/2016/06/logo-aktivno-srce-300x180.jpg);
    background-size: cover;
    width: 175px;
    height: 100px;
    background-repeat: no-repeat;
}

Then you would just paste that into your custom css box in Theme Options > Advanced Settings.
Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#97809

Yeah well your trying to fit a lot of text into an sidebar that doesn’t really have the width to contain it. Have you considered instead using a modal?

Ben

[Robert]

Robert

#97803

Hello Ben!

It is OK, but still is problem if Pop Over is in sidebar.

Thanks.

Best regards,

R.

[Ben Ritner]

Ben Ritner

#97722

On your created page you seem to have added the slider into the page content but set the slider to be fullwidth.

If you want a slider above the page content and sidebar add it through the page title background shortcode area or using the feature template.

Ben

[Ian]

Ian

#97713

Hey Ben – it works great for the the sidebar issue but has added the images back again 🙂

[Ben Ritner]

Ben Ritner

#97712

Hey,
You can use a sidebar. The navigation can be a custom menu widget added to your sidebar. On each page that you want to have it you can use the sidebar template and in your theme options > main settings you can choose to have the sidebar on the left instead of the right.

Ben

[Ben Ritner]

Ben Ritner

#97704

You need to change that to this:

.container {
    width:80%;
}

@media (min-width: 1200px){
.main.col-md-8 {
    width: 80%;
}
.kad-sidebar {
    width: 20%;
}
}

What you had is targeting “main” both with and without a sidebar present.

Ben

[Ian]

Ian

#97702

Hey Ben

Thanks for the code. That removes the images on the shop page as well but that does not matter as I am not using the page as I am using the menu for browse by category.

I checked and I don’t have a siderbar activated for the category/ shop pages. I think it looks that way as I was given some css to stretch the container to 80% of the page.

This was the css I was given when using the free version of the theme.

.container {
    width:80%;
}

I removed this code and the site has gone back to its original width which is not really full width of the device being used to view the site.

@media (min-width: 1200px){
.main {
    width: 80%;
}
.kad-sidebar {
    width: 20%;
}
}

[Ben Ritner]

Ben Ritner

#97696

You can add this css:

.product-category.grid_item {
    margin-bottom:10px
}
.product-category.grid_item>a img {
    display: none;
}
.product-category.grid_item a h5 {
    position: static;
    margin: 0;
}
@media (min-width: 767px){
.product_category_padding .kad_product {
    width: 50%;
}
}

Also fyi you have a sidebar enabled for the category pages.

Ben

[Ben Ritner]

Ben Ritner

#97692

Hey,
so no it’s not possible to move or make new filters or existing filters that would be in the sidebar. The closest thing would be to make the page fullwidth so there isn’t a sidebar then use css to run the filter buttons down the side:

@media (min-width: 992px){
    #options {
    float: left;
    width: 20%;
    text-align: left;
    }
    .kad-portfolio-wrapper {
    float: left;
    width: 80%; 
    }
    #filters li {
    float: none;
    display: block;
    margin-left: 0;
    }
    ul#filters {
    float: none;
    padding-left: 0;
    }
}

Ben

[Kenneth]

Kenneth

#97641

The sidebar locates correctly on the home page, but on a created page the sidebar is on top of the slider
example page: imarriedthewar.com/whats-new/

Thank you.

[Kenneth]

Kenneth

#97641

The sidebar locates correctly on the home page, but on a created page the sidebar is on top of the slider
example page: imarriedthewar.com/whats-new/

Thank you.

[Kenneth]

Kenneth

#97639

I’ve created a custom sidebar, but now I’d like to change the look and some of the formatting (cell size for the category, etc. and dropdown, colors, shape – square versus rounded corners, etc.). Which CSS file contains the classes and IDs to make these changes? I have other adjustments I’ll put in separate posts. You can view the website under development here: http://www.imarriedthewar.com

Thank you.

[Kenneth]

Kenneth

#97639

I’ve created a custom sidebar, but now I’d like to change the look and some of the formatting (cell size for the category, etc. and dropdown, colors, shape – square versus rounded corners, etc.). Which CSS file contains the classes and IDs to make these changes? I have other adjustments I’ll put in separate posts. You can view the website under development here: http://www.imarriedthewar.com

Thank you.

[Manimekalai]

Manimekalai

#97617

it does not help. i have set light grey as background color and set white as content background. When the above CSS is applied, i expect the background color is visible between content and sidebar. But it did not.

[Henry]

Henry

#97616

Hey guys, sorry I am having such a hard time explaining what i want here..

so, yes the sidebar is set up the way i want it, however, i am wanting it to function the same way the filter is.. so for example, if i click “mayo” on the sidebar menu, i am wanting it to do the same animation it would do if i were to click “mayo” on the filter.. the sorting out action.. is this possible? i have the sidebar set as custom menus right now but am opened to other suggestions.

the real issue is i dont want all of the text along the top of the page.. i want it to be a little more organized into categories (like the side bar)

[Hannah]

Hannah

#97613

Hey,
You can add this to your custom css box in Theme Options > Advanced Settings:

.sidebar {
    margin-left: 10px;
}

Hope it helps!

Hannah

[Hannah]

Hannah

#97610

Hey Henry,
It looks like your sidebar is set up as you described. Or are you wanting something different? Could you be more specific? If you want to hide the filter at the top of the page you can do so from your portfolio edit page under portfolio page options. Just set Filter? to No.

Hannah

[Manimekalai]

Manimekalai

#97599

I would like to add small space (around 10~15px) between sidebar (widget area) and main content. Could you please help me Ben without affecting responsive?

Currently i have set option page width = 940px in virtue theme option.

[Manimekalai]

Manimekalai

#97599

I would like to add small space (around 10~15px) between sidebar (widget area) and main content. Could you please help me Ben without affecting responsive?

Currently i have set option page width = 940px in virtue theme option.

[Christopher]

Christopher

#97580

Not sure if I should start a new thread on this question or carry on with a year-old convo.

I have the same question, but Ben’s final word isn’t working for me. I’m using Pinnacle Premium, I have the page’s Sidebar Display setting set to ‘NO’ and I still don’t get a full width option in the template section of the page. When in PageBuilder, I don’t get any of the full-width options I’d expect. (this site is a mess, btw, but don’t mind that).

[Kevin]

Kevin

#97570

Firstly, you’ll have to go into Theme Options> Misc Settings> and create a new sidebar. You’ll probably want to label it “”portfolio” so you remember which one it is.

You’ll need to create the menu in Appearance> Menus, and once that’s done, go into Appearance> Widgets, and assign a custom menu widget to the sidebar.

If you are using the main nav on other pages, you will need to use some CSS to hide the main menu on the portfolio page.

That CSS will look something like this, and you’ll place it onto Theme Options> Advanced Settings.

.page-template-page-portfolio nav#nav-main {
    display: none;
}

Let me know if this helps!