How to enlarge sidebar in DW Focus

1. you log in Dashboard > Appearance > Theme > customize > General Settings > add code folowing

“DW Focus header script”

see the screenshot: http://imgur.com/DuAKxNb “

 

<style>
@media (min-width: 1110px) {
/* Main */
#main > .container > .row {
background-position: 760px 0;
}

#primary {
width: 700px;
}

.news-slider .carousel {
width: 480px;
}

.news-slider .carousel-inner,
.news-slider .carousel .item,
.news-slider .carousel .carousel-inner .hentry {
height: 100%;
}

.news-slider .carousel-list {
width: 219px;
}

#secondary {
width: 300px;
}

#secondary .entry-thumbnail img {
width: 300px;
}

.single .site-content > .post .entry-content {
max-width: 530px;
}
}
</style>

“DW Focus footer script”

see the screenshot: http://imgur.com/amR3OU8 “

 <script>
var height = jQuery('.news-slider').height();
jQuery('.news-slider .carousel').css('height', height);
</script>

– Dashboard > setting > Media : http://imgur.com/pLIg49O

2. The downloaded package of our theme is the same for everyone.
These code will not affect to the layout displayed on mobile and tablet, on another hand, it will not affect the responsive layout.

Of course, if there is any bug occurred once you add the code under our instruction, we will take responsibility and fix the site for you (without any charge).

Hope this helps!
Regards,
Dominic

Hello Anja !

You can send for me a screenshot of where you want to edit.

Regards,
Dominic

Hi Dominic,

Could you please send me the resolution to increase home content – as i am looking for the soultion to increase the size at side bar and main workarea as well

Gj

you log in Dashboard > Appearance > Theme > customize > General Settings > add code folowing

“DW Focus header script”

see the screenshot: http://imgur.com/DuAKxNb “

 <style>
 @media (min-width: 1110px) {
 /* Main */
 #main > .container > .row {
 background-position: 760px 0;
 }
 
 #primary {
 width: 700px;
 }
 
 .news-slider .carousel {
 width: 480px;
 }
 
 .news-slider .carousel-inner,
 .news-slider .carousel .item,
 .news-slider .carousel .carousel-inner .hentry {
 height: 100%;
 }
 
 .news-slider .carousel-list {
 width: 219px;
 }
 
 #secondary {
 width: 300px;
 }
 
 #secondary .entry-thumbnail img {
 width: 300px;
 }
 
 .single .site-content > .post .entry-content {
 max-width: 530px;
 }
 }
 </style> 

“DW Focus footer script”

see the screenshot: http://imgur.com/amR3OU8 ”

 <script><br />

var height = jQuery('.news-slider').height();<br />

jQuery('.news-slider .carousel').css('height', height);<br />

</script>

REgards,
Dominic