Search Results for 'sidebar'

[mrtwanstall]

mrtwanstall

#196422

Hey there

I was hoping to make a small adjustment to the widths/margins/padding on a sidebar layout. I was thinking of reducing the sidebar width, reducing margin/padding between main page and sidebar, reduce margins on left and right of page. I’m really looking to increase as much width for the main page without reducing the sidebar width too much and without completely losing the margins/padding. It still needs to look right.
So a little trimming here and there might achieve this. Is this possible with css?
Thank you 🙂

[mrtwanstall]

mrtwanstall

#196422

Hey there

I was hoping to make a small adjustment to the widths/margins/padding on a sidebar layout. I was thinking of reducing the sidebar width, reducing margin/padding between main page and sidebar, reduce margins on left and right of page. I’m really looking to increase as much width for the main page without reducing the sidebar width too much and without completely losing the margins/padding. It still needs to look right.
So a little trimming here and there might achieve this. Is this possible with css?
Thank you 🙂

[Ben Ritner]

Ben Ritner

#196369

In your custom css remove this:

@media (min-width: 1200px) {
#content .main.col-lg-9 {width: 77%;}
#content aside.col-lg-3 {width: 23%;}
}

then update the css I gave you to this:

@media (min-width: 992px){
    #content #ktsidebar-second, #content #ktsidebar {width:20%;}
    #content .main.kt-sidebar {
        width:80%;
        float: right;
        padding-right: 22%;
        padding-left: 2%;
    }
    #content #ktsidebar-second {
        float: right;
        position: absolute;
        right: 0;
        top: 30px;
    }
    #content {
        position: relative;
    }
}

[Mike]

Mike

#196367

Wow Ben, this is working quite nicely! I can’t thank you enough.

I am, however seeing problems on 2 pages; the home page and any page this is a collection of posts in a given category such as NEWS, REVIEWS, INTERVIEWS, and other such pages. If you click READ MORE to view the post itself, all is right with the world. But on these summary pages, like the Home page, my new right sidebar overlays the content of the page.

This is probably a silly question, but any thoughts?

[Ben Ritner]

Ben Ritner

#196344

So lets say you want to use a sidebar you created in the theme options > misc settings. Doesn’t matter what you named it the first sidebar would be:

<?php dynamic_sidebar( 'sidebar1' ); ?>

You will need to update the ID so you don’t have two sidebars with the same ID so your second could look like this:

<aside id="ktsidebar-second" class="<?php echo esc_attr( ascend_sidebar_class() ); ?> kad-sidebar second-sidebar">
	<div class="sidebar">
		<?php dynamic_sidebar( 'sidebar1' ); ?>
	</div><!-- /.sidebar -->
</aside><!-- /aside -->

Then you would need to add this css:

@media (min-width: 992px){
    #ktsidebar-second, #ktsidebar {width:20%;}
    #ktmain.kt-sidebar {
        width:80%;
        float: right;
        padding-right: 22%;
        padding-left: 2%;
    }
    #ktsidebar-second {
        float: right;
        position: absolute;
        right: 0;
        top: 30px;
    }
    #content {
        position: relative;
    }
}

Ben

[Mike]

Mike

#196338

This sidebar is going to be for her advertisers, so we want it on every page.

I know we can safely assume that this second sidebar would be fine appearing below the content on mobile, so no problem there. Whether is appears before or after the left hand sidebar isn’t even that crucial, though I may place it before if possible.

Regarding not having page by page control; if that’s a restriction to keep things reasonable, then so be it.

Do you have any examples of what I would have to change in the <?php dynamic_sidebar( ascend_sidebar_id() ); ?>section?

What CSS would I have to include?

Sorry about this, I know you guys are really going above the call on this one, but I truly appreciate it.

[Ben Ritner]

Ben Ritner

#196329

As I understand it, she would have to update each of these posts individually using this new saved layout I’ve created which would be a substantial piece of work. Am I correct, or is there an easier way

If you are using page builder to do it then you would have to update each one.

Using a child theme you can manually add in another sidebar, probably the easiest would be to copy the “sidebar.php” file into your child theme and duplicate the content inside but changing the <?php dynamic_sidebar( ascend_sidebar_id() ); ?> section to load your extra sidebar ID.

Then there would need to be some trickry with css to make this all work. That assumes you want this sidebar below your content on mobile and that you don’t need page by page control of this sidebar ID.

So there are some scenarios where you would need to do this differently.

If you only wanted to add this extra to single posts then you would need to add in a little if statement surrounding the extra sidebar.

[Mike]

Mike

#196286

So I’m still struggling with a solution for this one. Using side header isn’t an option, my client just didn’t like the look at all.

As I mentioned, I created a template that uses a column to simulate a right side bar, but the problem here is that my client had already migrated 11 pages worth of her blog posts into this new site before deciding she might want this twin sidebar layout. As I understand it, she would have to update each of these posts individually using this new saved layout I’ve created which would be a substantial piece of work. Am I correct, or is there an easier way?

I’m already using a child theme on this site, so would it be possible to create a Word Press function to support 2 sidebars at once? Or is this controlled completely by the theme? I’m clutching at straws here trying to find a solution that makes my client happy but also makes sense from a workload perspective.

Thanks yet again!

[Hannah]

Hannah

#196046

With Ascend you have the option of enabling a side header (theme options > layout settings). You could then choose a header style with extras (theme options > header settings) and add a widget area to your header. Then you could still use the sidebar layout as normal.
Are you using page builder by siteorigin? If so, see “duplicating existing pages” here: https://siteorigin.com/page-builder/documentation/prebuilt-layouts/
In the future be sure to post in the correct forums. You can find Ascend Premium forms here: https://www.kadencewp.com/support-forums/forum/ascend-theme/

Hannah

[Mike]

Mike

#196023

This is actually Ascend Premium, does that change things?

Regarding mobile; this client likes that fact the the left side bar appears at the bottom of the mobile screen, so I think they would be fine with the sponsor bar appearing at the end of the line, either before or after the left sidebar. I’d have to ask.

I was unaware of the feature to save custom layouts, so I’ll investigate that option and even see if there’s any documentation or tutorials on it.

Thanks Hannah!

[Hannah]

Hannah

#196020

Hi Mike,
Virtue Premium does not have an option to add a second sidebar. You can add a custom function into your child theme if you’re wanting. Do you want this sidebar on all your pages? How are you wanting it to look on mobile?
Another option is to create a right-side column using page builder and add your sponsors into that, giving it the same look as a sidebar. With page builder you have the option to save custom layouts so you could import this same layout into as many pages/posts as you would like.
Let us know what you decide to do!

Hannah

[Mike]

Mike

#196002

Currently I’m using the left sidebar on THIS SITE to display a menu of bands that are members of this organization. Beautiful. I have the sponsors, which they hope to grow, displayed in the footer. However, they would like to make said sponsors a bit more prominent and wondered if we could place those in another sidebar to be displayed along the right side. I’m seeing no way to make this happen within the theme, so I’m guessing this would be a change to a WordPress function (I’m already using a Child Theme) and probably even some custom CSS if it’s possible at all.

Another option would be to reassign the sidebar for us on the right for the sponsors and make the left hand column just that, a column, with the same menu displayed for every page and post. To be honest, that would create a great deal of work at this point.

Any other suggestions to reach this same end?

Thanks so much!!

[Mike]

Mike

#196002

Currently I’m using the left sidebar on THIS SITE to display a menu of bands that are members of this organization. Beautiful. I have the sponsors, which they hope to grow, displayed in the footer. However, they would like to make said sponsors a bit more prominent and wondered if we could place those in another sidebar to be displayed along the right side. I’m seeing no way to make this happen within the theme, so I’m guessing this would be a change to a WordPress function (I’m already using a Child Theme) and probably even some custom CSS if it’s possible at all.

Another option would be to reassign the sidebar for us on the right for the sponsors and make the left hand column just that, a column, with the same menu displayed for every page and post. To be honest, that would create a great deal of work at this point.

Any other suggestions to reach this same end?

Thanks so much!!

[Ben Ritner]

Ben Ritner

#195880

And yes strange that limit max page removes my sidebar unless I have a setting somewhere that is doing that.

Please send a login, limit max page shouldn’t remove the sidebar so something else is happing. I would like to check your settings.

Use the checkbox for Set as private reply
Ben

[Dexter Roona]

Dexter Roona

#195879

Hi Hannah that works but it doesn’t bring in the header or footer its just the post/sidebar that gets narrower.

How do I bring in the header and footer as well?

And yes strange that limit max page removes my sidebar unless I have a setting somewhere that is doing that.

[Hannah]

Hannah

#195865

Hi Dexter,
Enabling the limit max page shouldn’t have removed your sidebar.
You can use this css to limit the width of your content:

div#content {
    max-width: 1000px;
    margin: auto;
}

Let me know how that works for you.

Hannah

[Dexter Roona]

Dexter Roona

#195847

I Ben turning on the “Limit Max Page to 940px” feature brought down the overall width but it also removed the sidebar.

I would like to be able to bring everything in 10% or so and keep the balance between page elements.

Thanks for helping

[Dexter Roona]

Dexter Roona

#195718

It didnt do what I was after. It narrow the post and sidebar but not the header and footer and it narrowed down the sidebar

this css worked

@media (min-width: 992px) {
.main {
width: 60%;
}
aside#ktsidebar {
width: 40%;
}
}

but i want everything to narrow by roughly 10% and keep the width of the post and the sidebar

Thanks for your help

[Kevin]

Kevin

#195572

Try this CSS:

@media (min-width: 992px) {
.main {
    width: 60%;
}
aside#ktsidebar {
    width: 40%;
    }
}

Adjust the percentages as needed and let me know if that works for you.

-Kevin

[Dexter Roona]

Dexter Roona

#195570

I would like my post and sidebar widths similar to ny friends site https://enstinemuki.com/yoast-seo-premium-review/

[phil2]

phil2

#195473

Hi Ben,

I agree its a weird one but thanks for the reassurance.

The added widgets are:

1. Custom Menu Wizard
2. Site Origin Button
3. Mailchimp Sign-up Form
4. Recent Posts

This group doesn’t correspond to any particular sidebar and appear to have been selected at random – unless there is some other selection mechanism going on.

I like Helen’s suggestion of deleting the additional widgets. Do you need access to have a look before I do that?
Phil.

[Ben Ritner]

Ben Ritner

#195450

I can’t think of any way that a theme update would add or remove sidebar widgets. What widget was added?

Ben