Change default width for specific sidebar

[westernsolar]

Do you have a suggestion for how to set a default width for a specific sidebar? I’d like to set a sidebar (in this case, Sidebar Three) to be 1/4 of the size of the site (so it lines up with the footer being four-column), rather than taking up 1/3 of the content area. See here: http://wsi.kulshanclient.com/system-design/

I’m still working with the layout and content of the site, so if you have a suggestion for CSS to use to target any given sidebar section, so I can add/remove at will, that would be perfect. Thanks!

[Kyle – SUPPORT]

Hi

You can change the sidebar size in the theme options, however this will be global. You can’t make just one sidebar smaller than the others

– Kyle

[westernsolar]

So, I must be completely missing it, because I can’t find that setting. Which section in the Theme Options can I find it in?

[Kyle – SUPPORT]

Sorry, I did not realise that Dante did not include this option. You will need to edit the php files, would you like me to help you with this?

– Kyle

[westernsolar]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I made changes to you. I edited page.php under theme directory through FTP software.

1- Find this code:-
} else if ($sidebar_config == "right-sidebar") {
$page_wrap_class = 'has-right-sidebar has-one-sidebar row';
$post_class_extra = 'col-sm-8';
 }
Change to :-

} else if ($sidebar_config == "right-sidebar") {
$page_wrap_class = 'has-right-sidebar has-one-sidebar row';
       if($right_sidebar == 'Sidebar-3'){
	
	$post_class_extra = 'col-sm-9';
        }else{
$post_class_extra = 'col-sm-8';
        }
	} 

2- Find this code:-
<aside class="sidebar right-sidebar col-sm-4">
  <?php dynamic_sidebar($right_sidebar); ?>
</aside>

Change to:-
<?php if($right_sidebar == 'Sidebar-3'){?>
<aside class="sidebar right-sidebar col-sm-3">
			<?php dynamic_sidebar($right_sidebar); ?>
</aside>

<?php } else { ?>
<aside class="sidebar right-sidebar col-sm-3">
			<?php dynamic_sidebar($right_sidebar); ?>
</aside>
<?php } ?>

Thanks
Mohammad