Search Results for 'sidebar'

[Saskia]

Saskia

#146181

This reply has been marked as private.

[Hannah]

Hannah

#146000

You can add this to your custom css box in Theme Options > Custom CSS:

@media (min-width: 992px) {
.home .main.col-lg-9.col-md-8.kt-sidebar {
    width: 65%;
}
.home aside.col-lg-3.col-md-4 {
    width: 35%;
}
}

Hope it helps!

Hannah

[Mark]

Mark

#145946

This reply has been marked as private.

[Kevin]

Kevin

#145655

Try changing to this:

@media (min-width: 992px)  {
.kbe_knowledgebase-template-default div#kbe_container {
    width: 70%;
    float: left;
    margin-left: 40px;
}
.kbe_knowledgebase-template-default aside#ktsidebar {
    width: 25%;
    float: right;
    }
.kbe_knowledgebase-template-default .clearfix.contentclass.hfeed {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
    }
}

That should make it a bit closer to centered.

-Kevin

[Kassondra]

Kassondra

#145652

Thanks for the speedy response!

Better but not perfect. Sidebar is where it should be but now the content is left instead of center.

[Kevin]

Kevin

#145648

Hey Kassondra,

Looks like that plugin is changing a lot about the output of that page. Try adding this CSS to Theme Options> Advanced Settings, and let me know if it works for you:

@media (min-width: 992px)  {
.kbe_knowledgebase-template-default div#kbe_container {
    width: 70%;
    float: left;
    margin-left: 40px;
}
.kbe_knowledgebase-template-default aside#ktsidebar {
    width: 25%;
    float: right;
    }
}

-Kevin

[Kassondra]

Kassondra

#145640

On this site, I have the sidebar on the right. All WP Knowledgebase pages shift the sidebar to the bottom of the page. Any suggestions for fixing this?

*Login to see link

[Kassondra]

Kassondra

#145640

On this site, I have the sidebar on the right. All WP Knowledgebase pages shift the sidebar to the bottom of the page. Any suggestions for fixing this?

*Login to see link

[Stephen]

Stephen

#145634

Actually, our child theme naming convention does match our parent theme. The child is active at the moment in Appearance > Themes

 
/*
 Theme Name:   Virtue Child Theme
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     virtue
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

[Stephen]

Stephen

#145350

I added that code in but it’s now image on top, blog excerpt on bottom, not side by side – image || blog excerpt

Is side by side layout possible with the larger image so there would be one blog entry per row with the sidebar?

Blog Page

[Georgiy]

Georgiy

#145304

Thank you Kevin!
That did fix the sidebar issue! One thing that remains now is that the title “Blog” is not centred.
So there is still something that was and is affecting the side behaviour.

[Kevin]

Kevin

#145295

Not sure why the sidebar is acting up like that, but try adding this CSS to Theme Options> Advanced Settings:

@media (min-width: 992px) {
aside#ktsidebar {
    margin-top: 320px;
    }
}

Ben should be able to give us more insight into this, but this should be a temporary fix at least.

-Kevin

[Ben Ritner]

Ben Ritner

#145139

It’s under consideration, but usually, what people seem to do if they want to change a default they do it for something else, not all posts. So for example, if I want my blog to have a specific sidebar I use primary than the few pages I want a different one I just set those to be different.

Ben

[Ben Ritner]

Ben Ritner

#145104

Hey for individual posts you would have to use a function if you wanted to override the settings in the posts themselves which when you create a post defaults to the primary.

So you can use a child theme: https://www.kadencewp.com/child-themes/

Then add this function to the child theme functions PHP file.

add_filter('kadence_sidebar_id', 'kt_single_sidebar_id');
function kt_single_sidebar_id($sidebar) {
 if(is_single() ) {
          $sidebar = 'sidebar1';
 }
return $sidebar;
}

Ben

[Ben Ritner]

Ben Ritner

#145099

Hey,
1. You can add this css:

.home_blog {
    padding-top: 0;
}

2. In your top text widget in the sidebar edit the widget and click on the text tab. Remove these:

<p>&nbsp;</p>

3. You can increase the number that shows in your home blog area by going to theme options > home layout and scrolling down to the home blog settings.

Ben

[Michael]

Michael

#145098

Hi Kevin,

yes I’ve done all of this already, however this only changes the sidebar for the blog (main page) and category pages.
The post pages will only display the primary sidebar. I want to display my custom sidebar on the posts.

M

[Sybella]

Sybella

#145086

This reply has been marked as private.

[Kevin]

Kevin

#145038

Hey,

You can create a new sidebar by going to Theme Options> Misc Settings.

Once you’ve made the sidebar, you can go to Appearance> Widgets, and you can add the widgets there.

Then, in Theme Options> Blog Settings, find “Choose a Sidebar for your Category/Archive Pages” and assign your sidebar to the blog pages.

Let me know if that works for you!

-Kevin

[Michael]

Michael

#145036

Hi,

I would like to know how to add a custom sidebar (ie not the primary one that I used on other pages) to blog POST pages.
I know how to do it for the blog page, but I’m not interested in doing that, I need it on the post pages so someone reading the posts can navigate their way to other blog posts via the sidebar.

Pinnacle Theme.

thanks,
M

[Michael]

Michael

#145036

Hi,

I would like to know how to add a custom sidebar (ie not the primary one that I used on other pages) to blog POST pages.
I know how to do it for the blog page, but I’m not interested in doing that, I need it on the post pages so someone reading the posts can navigate their way to other blog posts via the sidebar.

Pinnacle Theme.

thanks,
M

[Hannah]

Hannah

#144919

I’m seeing them the same width? You can use this css to reduce the width on that page:

@media (min-width: 992px) {
.page-id-2381 aside#ktsidebar {
    width: 20%;
    float: right;
}
.page-id-2381 div#ktmain {
    width: 80%;
}
}

Hannah

[Dick]

Dick

#144916

http://www.senpak.nz

Second sidebar. Different page different sidebar.