Cargo home Twitter Devlog

Changing project width in nonFeed

Last Updated: Nov 28, 2012 08:05PM PST
The nonFeed design has a more complex structure than most other Cargo designs, due to the way it adds padding around content and makes use of overlapping elements to make each entry scroll individually. If you want to make your nonFeed entries wider, make these changes to your CSS:
 .project_content_wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px 100px 0 0;
    width: 670px;
}


.project_content {
    background: #fff;
    margin: 85px 0 35px;
    overflow: hidden;
    padding: 20px 290px 40px 20px;
    width: 370px;
}


.entry {
    float: left;
    width: 705px;
    overflow: hidden;
}
The above modification uses the Cargo default image width of 670px to format the new entry size. If you are using a different width, subtract the difference from 670px and make that change to the width property of each element. For example, if you wanted to fit 800px-wide images inside each entry, you'd change 670px to 800px, 370px to 500px, 705px to 835px.
 
 
More generally, using the nonFeed example design for reference:
.entry determines the overall width of each post.
.project_content is the 'white' area
.project_content_wrapper will need to be wider than .entry in order for the scroll bars on each post to stay hidden.
tickets@cargocollective.com
http://assets3.desk.com/
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
Invalid characters found
/customer/en/portal/articles/autocomplete