brooks
asked 11 years ago

Hi,

There are 2 posts related to changing the width of the sidebar, but neither of them specify what theme it’s for.

These are the 2 posts:

http://designwall.com/question/how-do-i-increase-width-of-sidebar/

http://cmspioneer.com/designwall/question/change-sidebar-width/

Are either of these for the Focus theme, and if not, can you provide information on how to change the sidebar width to 300 px for the Focus theme?

4 Answers
brooks
answered 11 years ago

Okay, I used the solution from the posts and now the sidebar is 300 px. However, it affected the sidebar widget and the popular news tab shows large images that fill the entire sidebar even though the setting is for thumbnails images.

DominicStaff
answered 11 years ago

Hi !

You Log in to Dashboard > theme option > add code following:

Wp_head

 <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>

“WP_head (): http://imgur.com/DuAKxNb

Wp_footer:

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

“WP_footer (): http://imgur.com/amR3OU8

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

Regards,

Dominic

 

 

 

brooks
replied 11 years ago

That worked, but it somehow affected the “Popular News” sidebar widget. The “choose an image size” setting doesn’t work anymore. If I choose thumbnail, the size of the images becomes huge and stretched out.

Dominic Staff
replied 11 years ago

Hi !
you can submit your site for us. (username & pasword log in to dashboard) email “[email protected]

brooks
answered 11 years ago

I removed the following portion of the code and that seemed to fix it.

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

Thanks.

DominicStaff
answered 11 years ago

Hi !

Apparently I see that you have solved the problem. If you have more questions, we are willing to help.

or you can remove code


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

}

Regards,

Dominic

Powered by DW Question & Answer Pro