Okay
  Public Ticket #1440105
Container / Content Size
Closed

Comments

  •  15
    hahni started the conversation
    January 21, 2018 at 5:07pm

    What would be the best way to define the main content / container size? The width now is 1170 pixels (I hope i am right with this).

    But when I want it smaller, whats the best way to do that? And when I make it smaller, would all content have the same behavior than before?

    Thanks a lot

  • [deleted] replied
    January 22, 2018 at 7:19am

    Hi hahni,

    Our theme is based on Bootstrap Grid System so if you want to change the container width then you can add the code below to your Custom CSS area:

    /* Body: Large Screens */
@media (min-width: 1400px) {
    .container {
        width: 1370px;
        max-width: 1370px;    
    }
    
    .vc-container .vc-parent-row.row-stretch_row>.vc_row,
    .vc-container .vc-parent-row.row-default {
        width: 1370px;
        max-width: 1370px;    
    }    
}
/* Body: Large Screens */
@media (min-width: 1600px) {
    .container {
        width: 1570px;
        max-width: 1570px;    
    }
    
    .vc-container .vc-parent-row.row-stretch_row>.vc_row,
    .vc-container .vc-parent-row.row-default {
        width: 1570px;
        max-width: 1570px;    
    }
}

    So for example that  CSS code will make your container bigger that it is on the Bootstrap.

    Have a great day!