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?
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.
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
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.
Hi !
you can submit your site for us. (username & pasword log in to dashboard) email “[email protected]”
I removed the following portion of the code and that seemed to fix it.
#secondary .entry-thumbnail img {
width: 60px; }
Thanks.
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
Please login or Register to submit your answer