[melfiaffect]

Hi – I’m using the Masonry style with the sidebar on the right. I’ve adjust the width of the #primary and #secondary areas to make more room in the content area. However, I cannot figure out how to adjust the size of the two masonry columns to make them wider, while still maintaining the two column structure. If I make the size of the “Blog Masonry Item Width (px)” in Theme Options too large, the content stacks into one column. Any help would be greatly appreciated.

[ahmetsali]

Hi,

– go to Theme Options > Style > Blog Masonry Item Width (px) = 500px

– and use this custom css code;

.with-sidebar .layout-fixed {
    max-width: none;
}
@media screen and (min-width: 960px) {
    .with-sidebar { 
        width: 75%;
        }
    .sidebar { 
        width: 25%;
        }
}

[melfiaffect]

Thank you! That worked perfectly.

[ahmetsali]

you are welcome.