Okay
  Public Ticket #2226439
container width
Closed

Comments

  •  1
    jonasberg started the conversation

    Hi

    Kalium appears to have a container around 1100px. I would love to have it a little wider as my clients often sit with large screens. Is it possible?

  • [deleted] replied

    Hi Jonas,

    We don't have an option to increase or decrease container but you can easily change that.

    Please add the code below to your Custom CSS area:

    /* Body: Large Screens */
    @media (min-width: 1400px) {
        .container, .content-area {
            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;    
        }
        
        .woocommerce .products.columns-3 .product {
            width: 33.3%;
        }
    }
    /* Body: Large Screens */
    @media (min-width: 1600px) {
        .container, .content-area {
            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;    
        }
        
        .woocommerce .products.columns-3 .product {
            width: 33.3%;
        }
    }

    Then if you want you can modify the codes for your needs.

    Have a nice day!

  •  1
    jonasberg replied

    Thank you very much Ylli. You made my day!

    /jonas

  • [deleted] replied

    I'm very happy to hear that Jonassmile.png

    I wish you have an amazing day!

    If you enjoy our theme please head over to your Downloads tab and give it 5 stars. We will love you forever <3